Hi Guys,
Does anyone know perhaps how to remove the white space between the Rev slider and top menu?
I would really appreciate some tips as currently, my page does not look good with the white space between the slider and the top men.
Thank you very much.
Anna
Hello Anna.
You will have to use a css code to remove the top padding on pages.
Add this code in the theme panel->custom css box:
.td-main-page-wrap{
padding-top:0!important;
}
This code will affect all pages. The white space is there for the title and breadcrumb. If you have pages where you want to show the page title and breadcrumb then you will have to adapt the css code above to only affect the specific page. In order to do that you will have to use the page id. You can see the page id like so: http://screencast.com/t/kKkLxEZo
Then you ca use it in the above code like so:
.page-id-147 .td-main-page-wrap{
padding-top:0!important;
}
Thank you!
Hi Bogdan,
Thank you for your prompt response. I have never used Custom CSS before, so please bear with me.
I have entered the code at the end of the Custome CSS box (I have taken those steps: Theme Panel/Custom CSS), however, the white space is still there.
.l-about-me-desc h3{
margin-top: 0;
color: #f1f3ce;
text-transform: uppercase;
120 }
121
122.td-main-page-wrap{
123 padding-top:0!important;
124}
Can you please advise?
Thank you very much,
Anna
Hi,
The code you used is incorrect. It will not work like that. You were supposed to change the page id in the code above. Please provide a link to your site aqnd I will provide the code for the specific page. If you have a list of the page id;s you want to affect write them down here and I will provide the proper code.
Thank you!
Hi Bogdan,
The intention is not to focus on a specific page but remove the white space across all pages for consistency purposes. It is possible to write the exact steps as I have never used CSS before and I am getting familiar with it now. Baby language, please. I have no idea what ” top padding on pages” means. As the intention is to effect all pages, I did go to Theme Panel then Custom CSS box.
Thank you,
Anna
Ok, no problem If you want to affect all pages at once, then simply copy this code:
.td-main-page-wrap{
padding-top:0!important;
}
And paste it in the theme panel-> custom css box like so: http://screencast.com/t/zu1pD3UAeh
That’s it. No other steps needed.
Now there should not be any white space above the page content.
Thank you!
Hi Bogdan,
Before I mess something up, does that mean that I need to delete the exciting CSS code and insert the one you mentioned? Again, thank you very much for the speedy respond.
Anna
Hi,
Yes, please remove any at all css code that you added based on this discussion and only add the last one.
Thank you!
Hi Bogdan,
Thank you for your message.
Followed your steps, unfortunately, that did not work. Instead, the height of the white space become bigger.
Now, I am having the bigger space and my logo on the header image is outlined as well.
Any suggestions?
Thank you,
Anna
OK, Please provide a link to your site so i can inspect it and see why this happens and what code you added. If you do not want to share your site here, you can do it in private via email at contact@tagdiv.com Just provide a link to this topic so we can identify you.
Thanks.
