Home › Forums › Jevelin Theme › Remove padding on Slider Revolution
Home › Forums › Jevelin Theme › Remove padding on Slider Revolution
Hi Guys,
I have a couple of questions about de padding on one of my pages of the website.
On my homepage the slider revolution is lying under te titlebar. On another page the slider has a padding that i don’t want. First you see a titlebar, then you see padding 30px white and then the slider. In a comment on the support page I saw a css code which would bring the slider up under the titlebar. But what i don’t understand is how do you apply a code on one page instead of the whole theme.
Can you help me out?
Hi @createmoremedia,
I hope you are well today and thank you for your question.
Could you please share me the page URL from your site where it is displaying so that i can help you to remove it?
Best regards,
Shufflehound team
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.page-id-3229 #content .fw-page-builder-content .sh-section:first-child { padding: 0; }
Thanks. It works great. Just another question about the titlebar and header. On my homepage, as the page shows, it shows a grey logo top left. I chose that because of the header on the other pages that needed to be grey.
But can also choose a white logo for the header on one page (like the homepage) and a grey one for the other pages? The logo of the sticky header is always grey.
Thanks again
The theme is awesome by the way!!
But can also choose a white logo for the header on one page (like the homepage) and a grey one for the other pages?
You can achieve this by using below custom CSS code. You have to change logo image URL and size in the code to whatever you want to.
.primary-desktop-light .sh-header:not(.sh-sticky-header-active) .header-logo .sh-light-logo{ display:none } .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .header-logo .sh-table-cell:after{ background: url("http://createmoremedia.nl/wp-content/uploads/2016/03/RTL-logo-klein-wit-e1504380346192.png"); display: block; content: ""; width: 80px; height: 77px; }
Ok super, thanks.
But now the other pages like portfolio and “over CMM’ with the white background are not good. These pages have to have a grey logo. The Home page is good though.
Thanks
Not sure what you meant so could you please share the screenshots of it along with page URLs?
The header itself has a white logo.
The sticky header has a grey logo.
For the homepage this is great but for the other two pages it doesn’t work because the background is white as well.
http://createmoremedia.nl/portfolio-page/gallery/
http://createmoremedia.nl/overcmm/
Then please try changing above shared CSS code as following.
.home .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .header-logo .sh-light-logo{ display:none } .home .primary-desktop-light .sh-header:not(.sh-sticky-header-active) .header-logo .sh-table-cell:after{ background: url("http://createmoremedia.nl/wp-content/uploads/2016/03/RTL-logo-klein-wit-e1504380346192.png"); display: block; content: ""; width: 80px; height: 77px; }
For the Homepage this is good but the other two sites are still not what it has to be. Still white logo on white.
And the background url is wrong. It needs to be
<p class=”p1″>http://createmoremedia.nl/wp-content/uploads/2017/08/Logotjes-03-wit-e1502995467818.png</p>
Which sites are you talking about?
I see it on the site http://createmoremedia.nl/overcmm/ and it displays fine for me as shown in the attached screenshot.
Please advise.
Yes I see. I did something with the code so this is good. I didn’t check it good.
Sorry for that. Does this also work for the mobile version of the site?
Thanks
On mobile it displays as shown in the attached screenshot.