• Creator
  • #25783

    Christine Czajka

    I have three questions about the Evolve+ theme, and I haven’t found the answers by searching through the support requests (I did find answers to all my other questions in the forum, which was fantastic). First, I like having a background behind the sidebar widgets because it helps them stand out, but I really don’t like the default white with the color scheme of my website. I can’t find a way to change the color. It seems like the only options are white or transparent. I’m not an expert at CSS, but I tried using the custom CSS to change the backgrounds but I couldn’t get that to work either. Am I missing something? Can you help?

    Second, I really like the tab shortcode, but I would like to be able to change the color of the tab text to white so I can use dark colored tabs. Is that possible, and if so, how? Third, still on the tabs, is there a way to keep the tabs all the same size? They look fine in IE, but when viewed in chrome, one of the tabs elongates and a white box shows up underneath.

    Here’s a link to a page in my site with both the sidebar widgets and the tab shortcode: http://relyhealthcare.com/our-services

Viewing 3 replies - 1 through 3 (of 3 total)
  • Denzel Chia
    Post count: 3230
    #25802 |


    Use the following in Theme Options -> CSS
    This will change your widget background color.

    Use this online tool http://www.colorpicker.com/ to get the color hex code that you require. Replace #00ff11

    Use the following for tab text color.

    Give the tab text a height will hide your white box.

    Thank you

    George Coleman
    Post count: 1
    #26591 |

    Hi, I have tried to change my sidebar background color and/or font. No luck. I’ve tried the code above it didn’t work. Can you please assist me? I have installed the Classified Ad Plug In. Have a sidebar on the page but the writing is all white. Need to change the background color or the font color. I’m not too picky as long as one solution will work. Your help would be greatly appreciated. I’ve pasted some CSS below: evolve Plus Theme –
    .widget-content {
    position: relative;
    margin: 0 0px 35px 0px;
    padding: 10px 15px 21px 15px;
    font-size: 13px;
    background: #F6F6F6;
    border: 1px solid #E0DDDD;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
    -box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;

    .widget:after {
    content: “”;
    position: absolute;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.7);
    height: 8px;
    bottom: 0;
    z-index: -1;
    left: 15px;
    right: 15px;
    -webkit-border-radius: 100px / 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;

    Denzel Chia
    Post count: 3230
    #26609 |

    Hi George,

    As per forum rule, Please open you own thread.

    Please post your website URL.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing The Sidebar Widget Background Color- Evolve+’ is closed to new replies.