Removing extra spacing

ButterflyHerder

Hi there!

My client would like to remove the extra space on the left & right of the content area. (See image below.) We're using the child theme called "Investment."

I can't seem to figure out the CSS that would allow me to edit that width. Can you provide some insight?

DEV site is:  http://markgreen.speakerwebsites.com

Thanks in advance!
Cynthia

Bryan

Hi,

Go to theme options>global>general and adjust the grid width.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ButterflyHerder

Hi again, thanks so much for your help!

I tried several grid width settings, and none of them made the left & right margins change.

Any other suggestions that might work?'

Bryan

Hi,

use this custom css, it should help you!

.header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper {
    max-width: 98% !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Binebini

Hi,
my content is not centered, it consists of two pictures and some text in the middle. Please have a look:
http://frischvomfeld.eu/?portfolio=template_neuesrezept

I've got padding 5% for right and left but there is an extra padding or something else on the right side. The strange thing is when I delete the css class 'section_wrapper' in the div container then it seems to work. Could you please explain me how to fix it?

Thanks!

Bryan

What do you mean by not centered, you mean the text in the table?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Binebini

The whole content on this subsite is not in the middle of the screen but more to the left side. The margin on the left side is smaller than the margin on the right side of the page. 

Thanks for your help!

Bryan

I checked it and the margins and padding are the same on both sides, the content is in the middle. Please send a screenshot.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Binebini

on the right side of the picture is a padding or sth else, when i delete the the class section wrapper it is working. could you please explain me why?

<div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap one  valign-top clearfix" style="padding:0% 5%"><div class="mcb-wrap-inner"><div class="column mcb-column one column_image "><div class="image_frame image_item no_link scale-with-grid aligncenter stretch no_border inline-block"><div class="image_wrapper"><img class="scale-with-grid" src="http://frischvomfeld.eu/wp-content/uploads/2017/03/Kuerbislasagne_1098.jpg" alt="Kuerbislasagne_1098" width="1920" height="825"></div></div>

</div></div></div></div>

Bryan

Look at this screenshot.
https://snag.gy/20nlfI.jpg
The padding on both sides is the same.
What is the problem here?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ButterflyHerder

How do I unsubscribe from this thread?

Binebini

the blue space on the right side of the picture?

Bryan

@butterflyHerder you cannot.
@Binebini this is not any margin, it is just blank space. The picture did not fill the whole container. Did you fix it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Binebini

yes i did... thanks a lot!