I wish to create a space between the menu and the content i attach a screenshot in the private information . I have marked the area with yellow . Basically I wish to create a blank space between the content and the menu . I attach the url where i wish to do it thanks
Hi There,
Please try adding this custom CSS under X > Theme Options > CSS:
.page page-id-958 .x-container.offset {
margin-top: 60px;
}
Hope it helps
Unfortunately it does not works
Hi there,
Please try:
.page.page-id-958 .x-container.offset {
margin-top: 60px;
}
This is the same code as the previous one isnt it? it is not working neither
No they are not the same. Notice that the previous code has .page page-id-958
and the updated one has .page.page-id-958
.
Try using the same code as suggested but increase the top margin value from 60px to 120px. Feel free to experiment with the CSS values.
Yes it is working but i wish to make this space transparent in order to make visible the background . Right now is white . Could be possible to convert the white space that was gained in a transparent or make this gained area with visible background?thanks @Jade
Hi There,
Unfortunately, that white background is the background of the root div, if we remove that your content and sidebar will have a transparent background as well (see screenshot). To do this please remove the background-color: white;
property on the CSS block below. Though I’m not sure where did you placed this block as I don’t see it on the Theme Options > CSS area.
/* Custom CSS */
#x-root {
max-width: 1300px;
margin: 0 auto;
background-color: white;
}
We can add the white background instead on the offset container so the content and sidebar will have a white background. Add this to your Theme Options > CSS
.page.page-id-958 .x-container.offset {
background-color: #fff;
}
Thanks,
ok thanks!
You’re welcome.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.