Support Center Visit Demo License manager Buy @ envato

Change color of default blue boxes...

airbdesignairbdesign
in Theme support
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. 

Thank you!
Eric



Comments

  • airbdesignairbdesign
    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
  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • airbdesignairbdesign
    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

    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. 

    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. 

    Thank you,
    Eric
  • AlbertAlbert
    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; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • airbdesignairbdesign
    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?

    Thanks again!
    Eric
  • AlbertAlbert
    To change it's background color, use extra css: 
    .calltoaction_box { rgba: (0,0,0,0.5) !important; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • airbdesignairbdesign
    Thank you!
  • AlbertAlbert
    You are welcome ;)
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.