Sidebar, Action Bar, and Footer Color

Hey there!

My temporary site is: http://748.893.myftpupload.com/

When I go to Appearance >> BeTheme Options >> Colors >> Action Bar or Footer... I change the "Footer Background" and "Action Bar Desktop and Tablet Background" and it doesn't change. 

Same problem with the headers in the footer. 

Also, is there a way I can make the background of the sidebar white? Now it's gray and I don't see anywhere to change it. 

Thank you!
Hilari

Comments

  • HI,
    Try to delete browser cache afer you save changes. Those color options are set in theme options>colors and they should be working.
    thanks
  • My footer background is set to a light gray #f2f2f2 and it is still showing a dark gray... Same with the action bar... 

    I just cleared my cache AND did a hard refresh... 

    Can you please look here? http://748.893.myftpupload.com/

    Also in the theme options > colors there's no options for the sidebar background. I only see:

    - General
    - Header
    - Menu
    - Action Bar
    - Content
    - Footer
    - Sliding Top
    - Headings
    - Shortcodes
    - Forms

    Thoughts? 

    Thank you!


  • Make sure that you have custom skin selected in theme options>colors

    Some colors need custom css, we provide it for our customers.
    If the colors setting does not help, please send me a list of all the colors you need to change on your page.
  • Thank you!

    I need the top bar (with social media icons) and footer to be changed to the same color that's behind the sub-header (I believe that's #f7f7f7). 

    I would like the sidebar to be white (#ffffff). 

    Do you need a login to my site? How do I send that to you?

    The site (still a test site) is http://748.893.myftpupload.com/

    thanks!
    Caroline
  • You can use this custom css
    #Action_bar, #Footer {
    background-color: #f7f7f7 !important;
    }
    .widget-area::before {
    background: white !important;
    }
  • Hello
    I need to change the color of the Action bar to white, I can not.
    I applied the css that was passed to hilariwilliams and also did not change

    Can you help me?
    Thanks
  • Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
    It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
    thanks
  • Hey there!

    That code worked *perfectly*- thank you!

    Now the heading colors in the footer and the icon buttons in the action bar are white, and won't change when I change the color in the BeTheme Settings.

    My footer heading color is set to #f7941e, but it's still displaying as #ffffff. 

    I made this change last week, but it never updated. 

    Can you let me know what's wrong?

    It's: hilariwilliams.com

    thanks!
    Caroline
  • Hey,
    can you please show (on a screenshot) what exactly do you want to change?
    thanks
  • Website: hilariwilliams.com

    You can see the white icons in the action bar here: 

    image

    And the white footer headers here:

    image

    thanks!
  • Please use this custom css
    #Action_bar ul.social li a i {
    color:red !important;
    }
    footer#Footer h4 {
    color:red !important;
    }
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.