我当前使用的是默认的二十七个主题,并且我想更改标题图像的大小和位置,以便所有页面(包括首页)看起来都一样。我尝试使用这些自定义css条目,存档了一些进度,但是在网上找不到更多帮助...现在,首页与其他子页面一样有点“变薄”,而“子”页面具有某种阴影效果,我也希望它消失。有人可以帮助我,我应该在其中添加哪些CSS?
.has-header-image .custom-header-media img
{
position:inherit !important;
}
/*Computer screen */
@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .custom-header-image {
/*height: 1200px;*/
/*height: 100vh;*/
height: 55vh;
/*max-height: 100%;*/
/*overflow: hidden;*/
}
}
/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
/*display: table;*/
/*height: 300px;*/
/*height: 75vh;*/
height: 50vh;
/*width: 100%;*/
}
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
/*height: calc(100vh - 32px);*/
height: calc(50vh - 32px);
}
.site-branding {
min-height: 50vh;
}