How would I change the background color of a single text block so the whole text-box is included? I can’t get it to work.
My two humble endevours with class-tags didn’t work:
.trbgxtra
{
background-color: #412F83;
}
or
.blueback { background-color: #412F83; padding: 10px; height: 100%; }
This is just covering the very text at the textbox.
Thanks!!
Hey Stefan,
Looks like you added blueback as an ID instead, and it seems to working? I can see a blue background to the element on my end. What else do you want to change?
Best regards,
Rikard
Hi Rikard,
it “sort of” works, but change the viewport around and you’ll see that it’s just covering the background of the text passage. It should have a constant padding of (say 10px) around both elements “text and image”. It seems like a simple div positioning problem, but I can’t get it to work for some reason.
Any ideas?
best
S.
Hi,
Ok, thanks for the feedback. You should be able to control the padding using something like this, which looked good on my end:
#blueback {
padding: 10px 10px 50px 10px;
}
Best regards,
Rikard
Hi Rikard,
thanks for getting me in the right direction.
The final trick was to play around with the div and give it a ‘relative’ position + create an extra div for the image position. A bit complex but it worked. Thanks for your always excellent support!
#blueback {
background-color: #412F83;
position: relative;
padding: 0px 50px 50px 0px;
margin: 0px 50px 50px 0px;
}
#blueback_img {
position: relative;
padding: 0 10px 30px 10px;
margin: 0 10px 10px 10px;
}
-S
Hey!
We are happy we can help you out.
Please feel free to let us know if we can do anything else for you.
Remember to also rate Enfold at Themeforest, we really need that!
Thank you very much
Regards,
Basilis