如何为二十七主题中的所有页面设置相同的标题图像大小?

时间:2018-07-24 14:20:52

标签: html css wordpress wordpress-theming

我当前使用的是默认的二十七个主题,并且我想更改标题图像的大小和位置,以便所有页面(包括首页)看起来都一样。我尝试使用这些自定义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;
}

0 个答案:

没有答案