Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Flexform › Full width text block right spacing
New Landing › How can we help? › Themeforest Theme Support › Flexform › Full width text block right spacing
Tagged: adds, advanceskoopmans, altbg, block, fix, full, here-thanks, Ideas, large, problem, reason, right, spacing, text, width
- This topic has 12 replies, 3 voices, and was last updated 10 years by Swift Ideas – Ed.
-
Posted in: Flexform
-
April 25, 2013 at 10:18 pm #3000
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
April 26, 2013 at 6:40 pm #3091Hi there,
Sorry, can’t see a full width text element on that page?
– Ed
April 27, 2013 at 3:33 pm #3145Sorry about that, had to take it out to show a client. I’ve put it back in here: http://bit.ly/ZRFYEo
skoopmans
April 28, 2013 at 12:35 pm #3223I’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 AssistantApril 28, 2013 at 3:49 pm #3244Hi 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
April 28, 2013 at 6:17 pm #3250Hi 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
April 29, 2013 at 10:33 pm #3343Is any of your CSS in the theme options? If yes, can you please paste it here so we have a look?
Regards,
————————————————————————————————————
Cosmin
Support AssistantMay 3, 2013 at 8:35 am #3784No, the only CSS I added was the one you gave me earlier.
Regards,
skoopmans
May 3, 2013 at 12:02 pm #3798Just 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
May 6, 2013 at 12:38 am #4043Hi 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
May 8, 2013 at 9:48 pm #4318Hi 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
May 9, 2013 at 8:50 am #4348Hi 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
May 10, 2013 at 8:26 pm #4549Hi 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
-
Posted in: Flexform
You must be logged in and have valid license to reply to this topic.