Hello, I would like to change the color of the space between the menu section and the body of the site. Currently its white.
Hello,
Unfortunately the space between the menu and the body is not a stand alone space. It is either space coming from the header or the body of the site. You cannot change it particularly. You can only change either the entire header or the entire body
Thank you!
Alright, on my homepage I have a big grid as the first block. I have given it a background color. But there’s a white space between it and the menu.
What’s the cleanest way of making the white space the same color as the background color of the first block? Editing padding?
I will need to inspect the site in order to provide an answer. Please provide a link to your site so I can inspect it. If you are not comfortable sharing your site here, you can do it via email at contact@tagdiv.com
Thank you!
Im developing the site on a local server (wamp). i started from a clean install, did not use a demo.
I was thinking of using site background color to achieve this… is it possible to set the background color of the site without the site turning into boxed version.
When a background image or color is set the website will always be boxed. Unless you set background colors/images/videos when building the pages, either for the row (only rows support video) or elements in the page.
There is a padding top set by the theme, that is the space you are referring to. It is part of the content wrap, you could change the color of the wrap if needed (default is white)
– https://www.screencast.com/t/NommiKjoSgg
The black demo has similar custom design
– https://demo.tagdiv.com/newspaper_black/
Use the browser inspector to make various customization of the website elements, it is a very powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I had already located the content wrap element using the inspector tool. The thing is I noticed changing the color of the content wrap affects all the other pages (the entire site i think).
I would like to limit this color change to only a single page.
Thanks.
That is possible. Each page has an unique ID, this is displayed on the body tag. So for example if you want to affect a particular page begin the code with that ID class
– https://www.screencast.com/t/BLqPyMHI
This way you can create custom code for particular pages, posts, category pages etc.
Yes thanks, this should work.
Tried it, and as seen in your screenshot, this color change seems to affect the menu as well. how can this change be limited to the body only.
you can use CSS hero plugin for this or add this code in custom CSS:
td-main-content-wrap.td-main-page-wrap.td-container-wrap { padding-bottom: 0px; padding-top: 0px; }
you can change it for the entire theme .. if you want to add space for the specific page then add your page id in above code first
If you want it to apply only below the header try it like this
– https://www.screencast.com/t/8g7AP7sJR
.page-id-XXXX .tdc-content-wrap {
background-color: red;
}
You can use the theme live CSS box as well, to see how different customization work in real time
– https://www.screencast.com/t/mG6MRKfe1Fb
Thank you anangpal and Simion.
anangpal’s suggestion gave me desired result.
