using child theme style.css to override customizer styles

  • Resolved louvaro

    (@louvaro)


    8 years, 9 months ago

    Hi,

    I’m using the child theme and I’m trying to change the header layout and what I notice that several styles from the customizer are overriding the styles defined in the style.css file (child theme).

    Is there a way to ensure that style.css overrides the customizer styles?

    Example: trying to change the header_wrap background color.

    This is the inline styles loaded in the page:

    <style type=”text/css” id=”wpforge-customizer-css”>

    .header_wrap{max-width:75rem;background-color:#ffffff;}

    Thanks

    Louren?o

Viewing 1 replies (of 1 total)
  • Theme Author ThemeAWESOME

    (@tsquez)

    Hi there,

    Thanks for using WP-Forge as well the child theme.

    Most of the theme colors are controlled by the customizer under Appearance>Customize.

    Using your example from above, the header_wrap background color is under Appearance>Customize>Header Settings>Header Content

    All of the settings are covered in the https://themeawesome.com/docs/wp-forge/. This link is referenced when you activate the theme (a pop up appears and provides the link for you to click on) and it is also covered in the README.txt file.

    However if you want to make changes via the child theme css you need to add !important at the end of your declarations, for example:

    .header_wrap {
	background-color: #2e65b4!important;
}

    Hope this helps. If you have a moment, please leave a rating and review of the theme and let everyone know what you think of WP-Forge.

    Thanks again.

Viewing 1 replies (of 1 total)
  • The topic ‘using child theme style.css to override customizer styles’ is closed to new replies.