Debut - adding background to Rich Text section

Solved
CynergieStyle
Tourist
11 0 1

Hello Members,

Researching this board I discovered a hint to solving my problem.   I have been able to add a background color to this section with this code added to end of CSS file.  However, this leaves me with white gaps on either side of the text block.  I have not been able to figure out how to make the background color extend across the full width.  Help??  Thanks!

 

.page-width.rich-text {
background: #eeeeee;

}

 

0 Likes
Qualitycheck
Shopify Expert
1405 114 229

Please Share a store url to better assist

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.page-width.rich-text {
    background: #eeeeee!important;
}
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
0 Likes
CynergieStyle
Tourist
11 0 1

Thank you but that didn't change anything?

0 Likes

@CynergieStyle ,

Please share your site url so that I will give you exact solution

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
0 Likes
CynergieStyle
Tourist
11 0 1

www.cynergiestyle.com

 

password:  private

0 Likes

This is an accepted solution.

@CynergieStyle ,

Please add below css

#shopify-section-1575953234009 .page-width.rich-text {
    max-width: 100%;
}
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
CynergieStyle
Tourist
11 0 1

Fabulous!  That's it!  Thank you!

0 Likes
MeaganG
New Member
1 0 0

Hello, I am having the same issue (in the debut theme) but no matter what I can not get it to span the width of the page.

0 Likes
TrishNeedom
Excursionist
20 1 3

@CynergieStyle 

Hi CynergieStyle,

I am having a similar issue...would the same code apply to Brooklyn Theme?

 

0 Likes