Centric – remove background image on inner pages

[inventyou]

Using the Centric Pro theme, and I'd like to remove the background images that are behind page titles on inner pages. I could do display none on the image, but that removes the page title as well. I'd like to have the page title directly above the content.

http://community.beaudigital.com/

[Porter]

I believe you want to remove this image, as well as the padding:

.page-title {
    background: rgba(0, 0, 0, 0) url("images/Davie Community Foundation office2.jpg") no-repeat scroll 0 0 / cover;
    color: #fff;
    padding: 160px 0 80px;
    text-align: center;
}

If you still need that image on the home page (you specified you wanted changes to inner), add that image back by adding the following:

.home .page-title {
    background: rgba(0, 0, 0, 0) url("images/Davie Community Foundation office2.jpg") no-repeat scroll 0 0 / cover;
    color: #fff;
    padding: 160px 0 80px;
    text-align: center;
}

This way it behaves as it does now on the home page, but is removed for the inner pages.

You may also need to remove the margin-bottom of 55px here:

.page-title .archive-title, .page-title .entry-title {
    font-size: 60px;
    font-weight: 700;
    text-shadow: 3px 3px rgba( 0, 0, 0, 0.1 );
    margin-bottom: 55px;
}

Lastly, your H1 tags have a bit of a margin, so you'll want to specify that they don't when used in this way:

.page-title .entry-title h1 {
    margin: 0px;
}

I think that should do it - let me know if you have any questions.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Author]

Posts