Full width text block right spacing

[skoopmans]

Hi there,

For some reason when I add an alt-bg to a full width text block it adds large spacing to the right. Any ideas how to fix this? Take a look at the problem here: http://bit.ly/ZRFYEo

Thanks in advance!

skoopmans

[Swift Ideas – Ed]

Hi there,

Sorry, can’t see a full width text element on that page?

– Ed

[skoopmans]

Sorry about that, had to take it out to show a client. I’ve put it back in here: http://bit.ly/ZRFYEo

skoopmans

[Cosmin – SUPPORT]

I’ll let Ed know about this, in the meanwhile, try this custom CSS in the theme options:

.full-width-text.alt-bg {
  margin-left: 30px !important;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[Swift Ideas – Ed]

Hi there,

Can you try a full width text block on a blank page, as this isn’t right. Have you added/changed any css?

– Ed

[skoopmans]

Hi Cosmin and Ed,

I’ve tried adding that bit of CSS in the theme options but it still looks strange.

I’m working with the child theme and added some CSS but nothing to do with the alt background. I also tried reverting back to the parent theme but that didn’t fix it either.

Added a blank test page and still the same result: http://bit.ly/12Spm4B

Any other ideas?

skoopmans

[Cosmin – SUPPORT]

Is any of your CSS in the theme options? If yes, can you please paste it here so we have a look?

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[skoopmans]

No, the only CSS I added was the one you gave me earlier.

Regards,

skoopmans

[skoopmans]

Just a thought, I’m having a sneaky suspicion that it has something to do with the responsive layout. When resizing the window the block resizes strangely as well. Turning the option off centers it fine, but not full width.

Regards,

skoopmans

[skoopmans]

Hi there again,

Just an update from my side, taking away the ‘full-width-text’ class from the DIV seems to solve the problem. Probably not the best way to go about it, but at least it looks normal. Still hope to get a proper fix from you guys.

Regards,

skoopmans

[Swift Ideas – Ed]

Hi there,

Which part of the page is this to do with? There shouldn’t be any issue with the theme, as we have alt backgrounds on our full width text boxes, and have tested this thoroughly.

– Ed

[skoopmans]

Hi Ed,

As I’ve mentioned from the beginning, this has to do with Full-width Text Block with alt-bg found on the bottom of this page right above the footer (or any other page that I’ve tried to add it to): http://bit.ly/ZRFYEo

At the moment I’ve ‘fixed’ it by removing the class ‘full-width-text’ from the DIV, so it shows properly now, but by default it shows up as seen in the following screenshot: https://dl.dropboxusercontent.com/u/17862915/Screen%20Shot%202013-05-09%20at%2010.48.24%20AM.png

I’ve reinstated the original code so you can take a look, and try removing the class by inspecting the element.

Now I’m sure you’ve tested this extensively but that doesn’t eliminate the fact that it’s displaying incorrectly.

Regards,

skoopmans

[Swift Ideas – Ed]

Hi there,

Just had a look and can see that this is the cause of the issue – http://cl.ly/Oshz

I’m guessing this is a plugin? You can override it by adding the following custom css:

[class*='width'] {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;
}

– Ed