Override Colors

  • Resolved Windward19

    (@windward19)


    4 years, 7 months ago

    Hi there:

    I need the color declarations that I set through the CSS/JS editor to override those that are set through the Color Customizer. I’m just not getting enough flexibility with the color palettes. I tried removing all instances of !important from the color.css, like:

    color: var(–color-2) !important; becomes
    color: var(–color-2);

    But still no luck. In the link I include, there should be a title showing above the “posted by” meta, but its in white, the CSS rule I’ve set is getting loaded before the ones from the color customizer so the color customizer is overriding.

    My only thought was that I could have my CSS/JS load after the color.css file? Is that the only solution and if so, can you direct me as to where I can make that change?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Windward19

    (@windward19)

    Well – I fixed this one, but still would like to be able to do it for other instances?

    Hi @windward19, I am glad to hear you were able to get your colors working as expected on that website!

    For future projects you should be able to use the following snippet to output all of the theme’s CSS before the custom rules created in the Customizer.

    function bg_redorder_styles () {
	wp_dequeue_styles('boldgrid-theme-framework');
	wp_enqueue_styles('boldgrid-theme-framework');
}
add_action('wp_enqueue_scripts', 'bg_reorder_styles', 1);

    My recommendation is to use Code Snippets instead of adding it directly to the theme files so your customizations aren’t overwritten when you update the theme.

    Hopefully that helps you get your styles working correctly for future projects!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Override Colors’ is closed to new replies.