Override Theme Generated Styling

Posted in: Newspaper
Post count: 30
makeshiftwings
#35498
Jan 24, 2015 at 6:56 am

Is there anyway to override theme generated styling within the child theme stylesheet? For example, I am trying to change the border color of the menu for the current state. But, it looks like it’s being overridden by style compiled by the theme (within the theme settings color menu). Thoughts?

The color breakdown within the theme settings is very simple and doesn’t give you a wide range.

Post count: 6600
Lucian
#35686
Jan 26, 2015 at 10:19 am

Hi,

Try to use !important as: .sf-menu > li > a:hover {border-bottom: 4px solid #4db2ec !important;} or a more specific selector to overwrite it like: .menu-td-header-container > .sf-menu > li > a:hover {border-bottom: 4px solid #4db2ec;} as using the same selector will not overwrite it. You can also use the main theme custom css filed from theme panel to add your custom css as updating the theme will not affect it and the changes you’ve made via custom css will remain after an update.

Thanks

  • This reply was modified 11 years by Lucian.
Post count: 30
makeshiftwings
#35845
Jan 27, 2015 at 1:26 am

That worked. Thanks,

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.