Removing Image Banner

  • kathryngowers

    (@kathryngowers)


    2 years ago

    How do I remove the image banner (Image of the church) from every page except the home page? I’ve tried all of the additional CSS codes listed but they just remove the header and menus, not the image. Any help is greatly appreciated. Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Try this CSS:

    .bottom-header-wrapper:not(.home) { display: none; }

    To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.

    Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter kathryngowers

    (@kathryngowers)

    That removed the picture, but also removed it on the homepage…which is weird. Any ideas?

    Please try:

    body:not(.home) .bottom-header-wrapper { display: none; }

    The :not() pseudo-class can be quirky. To this day I still don’t fully understand exactly when it works and when it doesn’t… other than to throw all sorts of things to see what sticks.
    `

    Thread Starter kathryngowers

    (@kathryngowers)

    That worked!!! Thank you so much!! One more question, if you don’t mind. Is there a way to make the blocks on each page centered? Right now they’re left aligned. https://www.riverridgestakenews.org

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing Image Banner’ is closed to new replies.

Tags