Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1084330
    nickohorny
    Participant

    Hi, I am trying to change the blog bg page into an image or even different color.

    I tried the bg settings from within the page admin, but no luck. I also set global bg image in customiser but no luck. I used a piece of code from another forum post but no luck. Please can you let me know how one adds a bg image or color change to this, thanks.

    #1084334
    nickohorny
    Participant
    This reply has been marked as private.
    #1084598
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Please set your Background Color to transparent, that is on Layout and Design on Customizer.

    It seems your site has an internal caching feature, please clear that after doing the changes.

    Or you can add this under Custom > CSS in the Customizer.

    .site {background-color: transparent;}

    Hope it helps, Cheers!

    #1086093
    nickohorny
    Participant

    Hi, Thanks

    The customizer way didn’t work, and I used the css code but it changed the whole site in other pages like the shop etc. I just want to be able to change the blog page only bg from white to anything, either image or another color. Thanks,

    #1086353
    John Ezra
    Member

    Hi there,

    Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    .blog .site {background-color: transparent;}

    Hope this helps – thanks!

    #1087951
    nickohorny
    Participant

    Thanks, that worked!

    However… the title of the page is also transparent? ‘NEWS’ I wish for this to be stay white please?

    Thanks.

    #1088231
    Rue Nel
    Moderator

    Hello There,

    To have the News title and the breadcrumb area in white background color, please also add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .blog .site .x-header-landmark {
        background-color: #fff;
    }

    Please let us know if this works out for you.

  • <script> jQuery(function($){ $("#no-reply-1084330 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>