Venture theme - change custom html section background color and title color

Store Design
1

Hi,

Please can someone assist me.

Site: www.electricrideco.com
Password: taugaw

I am using the Venture theme and I want to change the background colour and text colour of the custom html sections. I currently have a custom html section with the title “Why buy from us?” on the home page.

I would like to change the background color to #030303, title header color to #FFFFFF, body text color to #666666.

Please do not private message me to provide custom code.

Thanks for your help!

2 
.section-block--padding.grid__item.one-whole.align--top-middle {
    background-color: #030303!important;
}
.grid__item-inner.grid__item-inner--html .rte {
    color: #FFFFFF !important;
}
.grid__item-inner.grid__item-inner--html .rte h2 {
    color: #ffff !important;
}

@guyv
Add this code in theme.css.

3

@Zworthkey thanks a lot for your help!

This worked however the body text color is white. I would like the body color text to be the same color as the text in my footer. I cannot find this color in my theme settings. Please can you let me know what color it is?

1 Like
4

color:rgb(255 255 255 / 60%);

Use this color;

5

@Zworthkey Doesn’t seem to work.

Here is the code:

.section-block–padding.grid__item.one-whole.align–top-middle {
background-color: #030303 !important;
}
.grid__item-inner.grid__item-inner–html .rte {
color:rgb(255 255 255 / 60%) !important;
}
.grid__item-inner.grid__item-inner–html .rte h2 {
color: #ffff !important;
}

6

you site can’t be Seems working proper.

7

@Zworthkey

I figured it out. Here is the correct code:

.section-block–padding.grid__item.one-whole.align–top-middle {
background-color: #030303 !important;
}
.grid__item-inner.grid__item-inner–html .rte {
color:rgba(255,255,255,0.6) !important;
}
.grid__item-inner.grid__item-inner–html .rte h2 {
color: #ffff !important;
}

Thanks a lot for your help :slightly_smiling_face: