[Lenny BParticipant]

Thank you for your help earlier. I used your coding and figured out the rest!

I’d like to reduce the margins in the x-main container.

I am reunning Renew – Full Width and I have a slider under the navbar. Then I have 38.5px of margin space between the slider and my first content. How do I get rid of the space?

Thank you again!

[RubinKeymaster]

Hey Lenny,

if you’re using the visual composer you can actually edit the rows you’re using and select the option “No Margins” and also change the padding-top.

Hope this helps!

[Lenny BParticipant]

I tried that, but it didn’t work.
My site is
email marketing for everyone dot com /widgets

There is a container around all the content and I would like to decrease the margin-top and margin-bottom

Thank you.

[KoryKeymaster]

Hey Lenny,

I’m not sure I’m entirely following what you want to do, but it seems like this might help you. You can enter this CSS in the Custom section of the Customizer or the style.css file of your child theme if you’re using one:

.x-main.x-container-fluid.max.width.offset {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

Hopefully this gives you what you’re looking for, thanks!

[Lenny BParticipant]

Thank you for the code, but it didn’t work. It actually reduced the space within the container. I’m trying to reduce the margin at the top of the container. Please see the pictures below:

This is the space

http://blocknessmonster.files.wordpress.com/2014/02/help-with-padding-top-2.jpg

This is the style and you can see the CSS box:

http://blocknessmonster.files.wordpress.com/2014/02/help-with-padding-top-3.jpg

This is the Computed: If I could switch that margin-top number to 10px my problem would be solved.

http://blocknessmonster.files.wordpress.com/2014/02/help-with-padding-top-4.jpg

I edited the box using “Inspect Element” and it works temporarily.

http://blocknessmonster.files.wordpress.com/2014/02/help-with-padding-top-5.jpg
This is the code that worked:
<div class=”.x-main x-container-fluid max width offset” role=”main” style=”
margin-top: 10px;
“>

How can I use this in X to facilitate the change?
Thank you!!! I really appreciate your help!

[KoryKeymaster]

Lenny,

Thank you for your thorough reply. It just so turns out that the exact location you’re trying to update is the precise CSS selector I supplied you with. The preceding code should definitely work for this area of the theme. If it didn’t happen to take, perhaps it’s a matter of specificity and you could try adding in another selector to give it some more weight:

body .x-main.x-container-fluid.max.width.offset {
  margin-top: 10px !important;
}

Also, how are you adding this to your theme? Are you doing so via the CSS input of the Custom section of the Customizer, or are you using the style.css file of your child theme? I have tried this in both locations on our development installation and it worked as expected, I’m just curious to know how you’re implementing it. Additionally, if you just need to adjust it on this page, you can utilize the [gap] shortcode with a negative margin to close up the space:

[gap size="-10px"]

Thanks!

[bsjolingParticipant]

Hi
Got to admit I’m having problems getting rid of this space. Have tried the above in various places, not seen any change yet.

eg: http://www.nobodyinlondon.com/wp/about/

Would be nice to lose the transparent breadcrumb strip too.

Btw, any idea why I often need to F5 several times in chrome in order to get the page to build? First attempt is often just a text list, at best half the images come up with placeholdes/broken links.

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.x-container.max.width.offset {
    margin-top: 0;
}
.entry-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}

Your site loads fine on my end, it could happen if you’re using slow internet connection.

Hope that helps.

[Author]

Posts