-
Posts
-
Hi again,
I’m using a color section with a red background which has full width content using CSS from your documentation
In this I have a 1/3 column with a grey background containing a text element and a 2/3 column containing an image.
/* Color section container width */ #section-container-width .container { width: 100% !important; min-width: 100%; padding: 0; margin: 0; }In this I have removed all borders and padding from the 1/3 and 2/3 columns, selected No space between columns, no margins, no nothing but I am seeing an odd red line down the right hand side of the image which is the color section background peeking through.
The only custom code I have is putting a dashed outline round the text box and adding some padding.
I’ve tried scaling the image so that it is wider but this doesn’t amke any difference.
Now, I can remove the color section background and this would probably not be visible to the user but it’s annoying me and I’d like to resolve the issue if possible.
many thanks for your help.
Hey DigitalEssence,
Thanks for the link to your page, I found this custom css adding the blue dash, please try removing it:#de-homepage-church-colour-section .text { padding: 20px!important; outline: 2px dashed blue; }I see that the two columns inside the color section are different heights, have you considered using the equal height option in the first column, in the row tab?
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.Best regards,
MikeEqual height… Bosh. Sorted.
Thank you.
The hideous blue dashed outline was there while I marked it all up. As is the hideous red background.
Thank you once again.
Hedley
- The topic ‘Color section with full width content – odd gap down right hand side’ is closed to new replies.