Tagged: x
-
AuthorPosts
-
June 3, 2016 at 1:51 am #1023715
ReannaParticipantHey 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:

http://grouptherapyoc.com/forums/
I am using the Renew stack and the x child theme.
Thanks in advance for your prompt response.
June 3, 2016 at 5:09 am #1023925
LelyModeratorHi 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.
June 3, 2016 at 5:24 am #1023948
ReannaParticipantThank 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.
June 3, 2016 at 8:52 am #1024201
JoaoModeratorHi 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
June 3, 2016 at 9:28 am #1024260
ReannaParticipantHi 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,
ReannaJune 3, 2016 at 2:37 pm #1024654
JoaoModeratorHi 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
June 3, 2016 at 10:49 pm #1025195
ReannaParticipantHi there Joao,
The first code worked perfectly, thank you very much for your time!
Reanna
June 3, 2016 at 11:55 pm #1025266
Prasant RaiModeratorHappy to hear that. Feel free to ask us again. Have a great day! 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1023715 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
