add a background coloured box to the text part on the Image and text on minimal theme

[Caprizzosa]

Hello, When I use the image and text on the minimal theme I would like for the text part to have a background colour so it shows a colours box under the text. IS this possible?

Many thanks!!

[oscprofessional]

Hello,
Please share your site url and screenshot.
So that I can check and let you know the exact solution here.

[Caprizzosa]

Hello nd thank you for your reply. here is the URL https://anaiak.co.uk/?_ab=0&_fd=0&_sc=1

i am working on adding things so not much there. please let me know if this helps at all or not?

Many thanks,

[Caprizzosa]

[oscprofessional]

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss

.feature-row__item.feature-row__text.feature-row__text--left {
    background-color: #ccc;
}
.feature-row__item.feature-row__text.feature-row__text--right {
    background-color: pink;
}

Change the color as per your choice.
Hope this will work for you.
Thanks....

[Caprizzosa]

Hi agan and thank you for that! It does work but is it possible to have the box the same size as the image next to it? at the moment the box is ony the size of the text...

Thank you so much!

[Caprizzosa]

oh and perhaps so the text does not line up with the edge? can the box also have a gap from the image?

[oscprofessional]

Replace above code with

.feature-row {
    background-color: #ccc;
}

[Caprizzosa]

that is brilliant!!! how about getting text to start away from border line and also making the with of the text smaller so there is a gap between text box and image?

[oscprofessional]

Add this css

.feature-row__item.feature-row__text {
    padding-left: 20px;
}

[Caprizzosa]

That is fantastic!!! i just need now the width of the box to be a bit shorter so there is a gap between the text and the image?

[Caprizzosa]

Hello , thank you so much for all your help!! I would appreciate however a little bit more if you can.... I would like to have a gap between the image and te text box? is tis possible?

many thanks again!!

[Caprizzosa]

https://zdhyfjqwde3a0xsj-9010544703.shopifypreview.com