Change color of default blue boxes...

airbdesign · May 2016

Hello,

I installed the Finance theme demo content. There are blue/teal boxes that appear on some of the pages, and I need to change the color of these boxes.

I went to BeTheme Options > Colors > and changed all occurrences of this color, however the color still remains the same.

Could you direct me to the right place to change the color of these default boxes.

http://170.b96.myftpupload.com/

Thank you!

Eric

airbdesign · May 2016

Also...

I want to change the color of the text that is displayed when using the "List" Item in Muffin Builder.

This two has not changed despite changing the site option colors.

Thank you,
Eric

Albert · May 2016

Hi,

1. Which boxes you mean exactly?

2. Please send us link to page where you have "List" item that you want to change color.

airbdesign · May 2016

Hi,

1.

Default Box Colors

The boxes referenced I need to change the color of are seen on the two links below. Scroll down on the homepage and you will see one square teal box and at the bottom a rectangular teal box with a phone number in it. I haven't been able to find the settings to change these colors. I've changed all occurrences of this color within BeTheme Options > Colors

http://170.b96.myftpupload.com/

On the other pages, such as this About page below, you will see the Sub-Header box is teal colored and this too I need to change. Seems it is linked to the same settings of the teal colored boxes on the homepage.

http://170.b96.myftpupload.com/about-us

2.

List Item feature

On the Services page linked linked below, you will see the light blue colored text. I have not been able to find the location to change this color.

http://170.b96.myftpupload.com/services/

Thank you,
Eric

Albert · May 2016

1. Ok, got it. You can change this color under Theme options > Custom CSS & JS > Custom CSS section where below css is:

.calltoaction_box { background: rgba(39,194,214,.6); width: 100%; position: relative; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

On the other pages, you can change color under same section as above but in the place of where the following css is:

.subheader_box { background: rgba(39,194,214,.6); width: 100%; position: relative; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

2. This can be changed under same section as below texts but with:

.list_item .list_right h4 { color: #27c2d6; font-size: 19px; }

airbdesign · May 2016

Great thank you.

There is one item that isn't responding.

On the homepage linked below, when you scroll down to the next section below which is the "About us" section, the blue box there that says "We are here for you", this box color does not change when I change the .calltoaction_box in CSS, however the phone number box at the bottom of the homepage does respond to the color changes.

Any thoughts on that?

http://170.b96.myftpupload.com/

Thanks again!

Eric

Albert · May 2016

To change it's background color, use extra css:

.calltoaction_box { rgba: (0,0,0,0.5) !important; }

airbdesign · May 2016

Thank you!

Albert · May 2016

You are welcome

Change color of default blue boxes...

Comments

This website uses cookies