How to change font size and background for rich text banner

tuckermax
Tourist
5 0 1

Good day all, would like to seek your expert advice. I was trying to figure it out myself using custom css and what not but to no avail.

 

How can I change the font size and back ground of the rich text banner below. Thanks in advance!

 

Screenshot 2023-12-21 at 7.49.08 PM.png

Replies 8 (8)

websensepro
Shopify Partner
872 117 126

Hi, @tuckermax.

 

Kindly share your store URL and password.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
tuckermax
Tourist
5 0 1

Hi Websensepro,

 

https://ef6a29.myshopify.com 

 

No password required

websensepro
Shopify Partner
872 117 126

Hi, @tuckermax.

 

You want to like these. and tel me you want the background color and image.

 

websensepro_0-1703255168183.png

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
tuckermax
Tourist
5 0 1

Hi, black background colour and white fonts

KabirDev
Shopify Partner
243 58 63

Hi @tuckermax add the below code to your theme's CSS file.

 

#shopify-section-template--21686532997438__654c9d1a-9663-4a22-92ca-0804cdff332b .rich-text {
    background: #000 !important;
}
#shopify-section-template--21686532997438__654c9d1a-9663-4a22-92ca-0804cdff332b .rich-text h2 {
    color: #fff !important;
}

 

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
tuckermax
Tourist
5 0 1

Hi @KabirDev , thanks for replying. do i copy the code wholesale? The message - correct the errors to save your custom CSS appeared when i copied and pasted the code into the custom CSS

KabirDev
Shopify Partner
243 58 63

@tuckermax add the code to your base.css or theme.css or style.css. You can add it at the very end of the CSS file.

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
tuckermax
Tourist
5 0 1

Thanks a lot @KabirDev !