Question

我想在我的word新闻网站上添加一些css到投资组合页面。示例页面是： http://www.1aproductions.co.uk/portfolio/22/

我想添加的css代码是：

.header-wrapper {
background-position:top;
background-color:transparent !important;
background-image:url('http://www.1aproductions.co.uk/wp-content/uploads/2014/06/Florence-Nightingale-smaller-no-flo.jpg') !important;
background-size: 100% auto;
}

这会对此页面上的标题显示类似的效果（如果我只能让它工作！） http://www.1aproductions.co.uk/work/?cat=dramas

非常感谢任何帮助！

由于 P

Answer 1

参见身体类

单一投资组合postid-22 siteorigin-panels fixed-header no-slider dark-header --- on portfolio

page page-id-7 page-template page-template-template-portfolio-gallery-php siteorigin-panels fixed-header no-slider dark-header --- on categories。

您可以使用该类添加特定背景。

.single-portfolio .header wrapper{
    background: xxx;
}

和

.page-id-7 .header wrapper{
    background: yyy;
}

Answer 2

看起来投资组合是一种自定义的帖子类型。所以试试这个：

function my_custom_css() {
    if ( is_singular( 'portfolio' ) ) {
        echo "<style>
            .header-wrapper {
                background-position:top;
                background-color:transparent !important;
                background-image:url('http://www.1aproductions.co.uk/wp-content/uploads/2014/06/Florence-Nightingale-smaller-no-flo.jpg') !important;
                background-size: 100% auto;
            }
        </style>";
    }
}
add_action( 'wp_head', 'my_custom_css' );

尝试在某些页面上显示标题背景图像

2 个答案: