We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Changing "Image with Text" Background Color - Brooklyn Theme

Solved

Changing "Image with Text" Background Color - Brooklyn Theme

trasiewho
Excursionist
39 0 11

Hi Shopify Community! 

Wondering if anyone knows if we can change the background color of the text pack of the Image with Text section. I want it to be different from my page background colour. 

Thanks in advance,

Tracy

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12384 2560 3749

This is an accepted solution.

Hey @trasiewho,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

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

 

Hope this will work.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app

View solution in original post

Replies 10 (10)

dmwwebartisan
Shopify Partner
12384 2560 3749

Hey @trasiewho,

Please provide a screenshot. Which section color you want to change? text section?

I can see the image with text section there on the site. Please elaborate.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app
trasiewho
Excursionist
39 0 11

hello again @dmwwebartisan 🙂 

I'd like to change the colour behind the text to #EBEBEB

Screen Shot 2020-08-15 at 10.01.58 PM.png

Ty! 

dmwwebartisan
Shopify Partner
12384 2560 3749

This is an accepted solution.

Hey @trasiewho,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

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

 

Hope this will work.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app
trasiewho
Excursionist
39 0 11

Again, @dmwwebartisan that did exact what I was hoping! 

Can't thank you enough for solving two issues for me tonight!! 

Tracy

andrenucci
Tourist
25 0 2

Hello,

 

Respectfully request some help.

Need to make the text a picture bellow shadowed 

text-shadow: 2px 2px 8px #FF0000

I know this is the feature.row.liquid, however, no success in my attempts.

Thank you

 

 

FEATURE-ROW.LIQUID QUESTION.png

dmwwebartisan
Shopify Partner
12384 2560 3749

Hey @andrenucci,

This is a different topic but anyway share your website URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app
andrenucci
Tourist
25 0 2

I'm frying my brain here,

www.belapostura.com.br

Pwd: Dilao123

 

I'm using this code bellow on theme.scss, but the entire text in shadowed.

I only need the title itself

 

.feature-row__item.feature-row__text.feature-row__text--left

{
text-shadow: 2px 2px 8px #F0006B;

}

 

andrenucci
Tourist
25 0 2

Worked using the following:

.feature-row .feature-row__text .h3

{
text-shadow: 2px 2px 8px #F0006B;

}

Fidiak
Tourist
11 0 6

Hi, how can I do it in Dawn 2.0 theme?

Thanks for reply.

 

Mike_Perry
Tourist
6 0 7

as of 7/23  if you paste the following in the section where you can add your own code in the actual page editor itself, you just paste the following and use the hex code you want for the color: 

div {

background-color:

#000000;

}