New Update – Sidebar colour change

  • Resolved scottishmoments

    (@scottishmoments)


    8 years, 7 months ago

    HI

    My site antomatically updated and reverted the sidebars to gray background. I did have them previously white. I did get help here before to do this but no idea how to do it again as the setup seems diffrent.

    See on the site here –

    Just need it changed from Gray back to white.

    Shame with the updates an options to change the other colours that there was not a simple sidebar option with the update.

    Thanks for your help

Viewing 15 replies - 1 through 15 (of 20 total)
  • Thread Starter scottishmoments

    (@scottishmoments)

    should have had the site https://www.scottishmoments.com Thanks

    Hi scottishmoments. Try this in your child theme or custom CSS:

    /* sidebar backgrounds to white */
.s1, .s2 {
  background: #fff;
}

    Cute lambs… ??

    Thread Starter scottishmoments

    (@scottishmoments)

    I would like to say Baa – Tastic but that did not work. Tried it in both.

    Any other suggestions?

    Do you have the code added there now? If so, where? Child theme style.css file? Custom css plugin?

    Thread Starter scottishmoments

    (@scottishmoments)

    HI

    I have it in the style.css file and in the child page menu template, also tried the custom.css but to no avail.

    I’m not seeing that on your site. Don’t see a child theme active either. If you’re using a cache plugin you may need to clear the cache. If you’re using a CDN you may need to update that copy also.

    Thread Starter scottishmoments

    (@scottishmoments)

    Hi

    Tried again and cleared the cache plugin. It’s in the style.css and custom . Not sure why the child theme is not showing up. Was working fine until this new upgrade.

    This message is in the child theme – The main css stylesheet of the Hueman theme is located in /assets/front/css/main.css.

    The main reason why the main stylesheet of the Hueman theme has been moved to another place is : minification.
    Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.

    This style.css file provides details about the Theme (in the form of comments above) that is read by WordPress, and therefore cannot be minified.

    Note : You can load the not minified stylesheet if you uncheck the option in the customizer > Global Settings > performances

    Not sure if that is a reason?

    Thanks for your help.

    The theme has changed and no longer uses the style.css file. Even if it did you shouldn’t add code there as that file will be overwritten when you update the theme. It now loads either the main.css or main.min.css file from /assets/front/css. If you only need to add custom css, and aren’t modifying any of the theme template files or using any custom functions, you could use a css plugin like https://www.ads-software.com/plugins/simple-css/ or https://www.ads-software.com/plugins/simple-custom-css/.

    Thread Starter scottishmoments

    (@scottishmoments)

    I have it in my custom css so should it not work?

    “@fromfull
    Add your custom styles in this file instead of style.css so it
    is easier to update the theme. Simply copy an existing style
    from style.css to this file, and modify it to your liking.”

    Thread Starter scottishmoments

    (@scottishmoments)

    Im Stumped .

    But when I used that code in the child theme it makes my whole website go white. Seems to say it still does use the style.css file as per below ?

    Thanks for your help.

    Developers Recommendation
    To make it easy to update your theme, you should NOT add your custom css rules to this file. Instead use
    a child theme to add your styles. You can copy a style from this file and paste it in the child
    theme’s style.css and it will override the style in this file. You have been warned! ??

    If you don’t know what a child theme is, you really want to spend 5 minutes learning how to use child themes in WordPress, you won’t regret it ?? !
    https://codex.www.ads-software.com/Child_Themes
    */

    when I used that code in the child theme it makes my whole website go white

    Nothing in that code would cause your site to go blank. That’s indicative of some other problem. Might be some other code in your child theme css? I still don’t see your custom or child theme css. I see this as the last entry in your <head> section which means it overrides the same elements in the theme styles, the theme dynamic styles and your child theme:

    <!-- Styles cached and displayed inline for speed. Generated by https://stylesplugin.com -->
<style type="text/css" id="styles-plugin-css">

</style>

    But it doesn’t contain any styles. However, I’m wondering if there is a conflict between the theme, which has moved all the options to the Customizer, and the Styles plugin you’re using. Either that or there might be some issue with the W3TC cache.

    Thread Starter scottishmoments

    (@scottishmoments)

    Thanks for the input again.

    Had a look at there was this message for the W3TC W3

    Total Cache: Default settings are in use. The configuration file could not be read or doesn’t exist. Please save the settings to create the file.

    Did above and message still stays the same. Tried deactivating it and it did not seem to change the sidebar at all either.

    Tried deactivating the Style plugin but did not help . Shame they did not put a sidebar colour option on that as they have just about everything else.

    Shame if I have to change theme.

    Thread Starter scottishmoments

    (@scottishmoments)

    Fixed the above W￡TC by restoring to defaults. Still no sidebar options.

    Is it worth doing what it say here at the end and not load the minified stylesheet ? Could that be the problem.

    The main css stylesheet of the Hueman theme is located in /assets/front/css/main.css.

    The main reason why the main stylesheet of the Hueman theme has been moved to another place is : minification.
    Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.

    This style.css file provides details about the Theme (in the form of comments above) that is read by WordPress, and therefore cannot be minified.

    Note : You can load the not minified stylesheet if you uncheck the option in the customizer > Global Settings > performances

    I don’t think that would make any difference, unless maybe you have minification enabled in W3TC. You could try setting the theme option to load the not minimized stylesheet and see if that makes any difference. If not, the next thing I’d do is disable W3TC and clear the cache so we can see which stylesheets are actually being loaded.

    Thread Starter scottishmoments

    (@scottishmoments)

    I tried disabling theme option and no change. I have not disabled W3TC to see if that makes any difference in seeing what is being loaded.

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘New Update – Sidebar colour change’ is closed to new replies.