WordPress-Theme 2017:特色图片行为:在哪里设置特色图片的高度?

时间:2020-01-11 作者:rivertejo

你好亲爱的社区,

在确定了主题2017设置的几个问题之后,今天的问题是:wordpress主题2017:特色形象行为:在哪里设置特色形象的高度!?

当我在谷歌上搜索时,我发现了以下内容:;我一直在整个网络上搜索,以便找到一些有用的解决方案,我可以在WordPress 2017主题上应用各种(不同的)解决方案:

那么需要什么和需要什么:我找到了一种方法来调整主题的所谓特色图像,因为它太大了。在贴子页面上,当你在所有设备上放置特色图片时,它的大小都是完美的,但当我尝试在常规页面上放置特色图片时,它也会变得很大。

请参见页面:http://www.job-starter.com/ - 一个真正的beta测试版页面,仅用作演示。

看到太大的图片:问题如下:

–我如何调整大小,以便为不同的页面制作类似的页眉,假设我采用以下大小:800 x 175–我可以通过在css末尾粘贴这个小文本块来实现这一点吗–在所谓的css文件中:

我在主题定制器中有以下代码-“附加CSS”

问题:为了使特色图片变小,我需要改变什么!?

请参见代码:

.wrap { max-width: 1366px; }

.wrap { max-width: 1366px; }

/*For Content*/
.has-sidebar:not(.error404) #primary {
width: 60%
}

/*For Sidebar*/
.has-sidebar #secondary {
width: 30%
}

/*Responsive*/
@media(max-width:768px) {
/*For Content*/
.has-sidebar:not(.error404) #primary {
width: 100%
}

/*For Sidebar*/
.has-sidebar #secondary {
width: 100%
}
}


/* STRUCTURE */

.wrap {
max-width: 80% !important;
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
max-width: 100% !important;
}

@media screen and (min-width: 48em) {
.wrap {
max-width: 80% !important;
}
}

@media screen and (min-width: 30em) {

.page-one-column .panel-content .wrap {
max-width: 80% !important;
}
}

@media screen and (max-width: 650px) {

.wrap {
max-width: 95% !important;
}
}
对于任何和所有的帮助,我感谢你-所有的帮助将不胜感激

2 个回复
SO网友:Guru Bhajan Singh

导航到“Twenty177”的主题文件夹并打开函数。php文件。现在,转到第54行,您将看到下面的代码。

add_image_size( \'twentyseventeen-featured-image\', 2000, 1200, true );
可以在此处更改尺寸。

谢谢

SO网友:CK0y0TE

我不建议编辑主题本身。创建子项或。。。在大量的css调试之后,在自定义css部分将其添加到我的站点中就可以做到这一点。所有其他“;技巧“;在网络上解决不了任何问题。我猜主题的更新可能会破坏东西?!

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe { position: absolute; }

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { height: 26vh; }

@media body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a { font-size: large; }

相关推荐

WooThemes-供应商/预订-允许供应商管理资源

我正在尝试从WooThemes为bookings插件带来新功能。在组合预订和供应商插件时,不允许供应商用户管理资源(资源是自定义帖子)。我将新功能添加到资源自定义帖子中,然后将这些功能添加到供应商角色(通过用户角色插件)现在,资源显示在供应商角色的管理菜单中,但当我尝试添加新资源时,会出现“您无权访问此页面”错误。我添加的新功能:https://i.stack.imgur.com/OCDlV.png添加到角色的功能:https://i.stack.imgur.com/5t696.png使用角色登录时显示的