Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1023715
    Reanna
    Participant

    Hey there,

    First off, I would just like to say the x theme is fantastic and has truly given life to our site. I am in the process of building the forums and am fairly pleased with it so far, however I would like to get rid of the large forum headers as shown in this screenshot:
    Forum Header

    http://grouptherapyoc.com/forums/

    I am using the Renew stack and the x child theme.

    Thanks in advance for your prompt response.

    #1023925
    Lely
    Moderator

    Hi There,

    I can see that you have achieved this using the following CSS:

    .x-header-landmark {
        display: none !important;
    }

    Above will affect all headers on the entire site. In case you want hide the headers of this forum page only we can be specific by using the following CSS:

    .forum-archive .x-header-landmark {
        display: none !important;
    }

    Hope this helps.

    #1023948
    Reanna
    Participant

    Thank you very much!

    Was wondering if you could answer one more thing; I would still like to show breadcrumbs which appears in the header section so I have used:
    h1.h-landmark { display:none; }
    It works but as you can see from the screenshot provided above that section is an odd colour which doesn’t match my theme. Is there a way I could simple change that sections background colour?

    Thanks again for any help you can provide.

    #1024201
    Joao
    Moderator

    Hi There,

    I believe you are refering to that beige background-color , please add the following code at your Appereance / Customizer / Custom / CSS

    
    .x-header-landmark {
    border-color: #ffffff;
    background-color: #ffffff;
    }
    

    Change the value of #ffffff for your desired color

    Hope that helps,

    Joao

    #1024260
    Reanna
    Participant

    Hi there Joao,

    You are correct, I want to get rid of the beige background-color. I tried your code but nothing has happened, is there anything else I can try?

    Thank you for your time,
    Reanna

    #1024654
    Joao
    Moderator

    Hi Reanna,

    Please try the following code:

    .x-header-landmark {
    border-color: #ffffff !mportant;
    background-color: #ffffff !important;
    }
    

    if that does not work, try

    
    header .x-header-landmark {
    border-color: #ffffff !mportant;
    background-color: #ffffff !important;
    }

    Hope that helps

    Joao

    #1025195
    Reanna
    Participant

    Hi there Joao,

    The first code worked perfectly, thank you very much for your time!

    Reanna

    #1025266
    Prasant Rai
    Moderator

    Happy to hear that. Feel free to ask us again. Have a great day! 🙂

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