Changing background of sections in Broadcast Theme

Diana_Jay
Tourist
3 0 2

Hi, I am trying to change a few background colors of some sections in this store https://shop.theartistslawyer.com/pages/about-1

For some reason the CSS doesn't change the background color, even tough it does seem to work with some other changes I have implemented to the section like the top and bottom borders.

I would possibly like to insert a background image with opacity if possible.

 

Thanks!

Screenshot 2021-10-20 at 18.16.26.png

 

 

Replies 4 (4)
dmwwebartisan
Shopify Partner
9731 2223 3051

@Diana_Jay 

Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. 

#shopify-section-template--15074738340036__custom-content-6 .brick__block__text {
    background-color: #ffff !important;
}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Diana_Jay
Tourist
3 0 2

Thanks! It worked!

Now how would I go about adding an IMAGE as a background with slightly lower opacity?

dmwwebartisan
Shopify Partner
9731 2223 3051

@Diana_Jay 

Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. 

#shopify-section-template--15074738340036__custom-content-6 .brick__block__text {
   background-size: cover !important;
   background-position: center center !important;
   background-image: url('your image url here') !important;
   opacity: 0.5;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Diana_Jay
Tourist
3 0 2

This is how it shows up now

 

Screenshot 2021-10-20 at 22.01.07.png