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

Caprizzosa
Excursionist
17 0 1

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!!

 

0 Likes

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Caprizzosa
Excursionist
17 0 1

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,

 

0 Likes
Caprizzosa
Excursionist
17 0 1

Screenshot 2021-04-28 at 14.23.49.png

0 Likes

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....

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Caprizzosa
Excursionist
17 0 1

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!

0 Likes
Caprizzosa
Excursionist
17 0 1

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

Screenshot 2021-04-28 at 15.23.53.png

0 Likes

Replace above code with

.feature-row {
    background-color: #ccc;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Caprizzosa
Excursionist
17 0 1

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?

 

Screenshot 2021-04-28 at 15.51.46.png

0 Likes