CSS works in custom CSS, but not in Microthemer

Tagged: 

Author Posts

robertlo July 29, 2016 at 4:37 pm

Heads up! this post was created when Microthemer was at version 4. The current version is 7. Some references to the interface may be out of date.

Sebastian,

See http://usm4.siteground.biz/~leadopti/ripleysmufflerandbrakes.com

I wanted to make the fixed header that shows when scrolled have a background color override the theme’s settings there. The theme dev gave me this:

.fl-page-header.fl-page-header-fixed {
background: black;
}

That works in the manual custom css space in MT, but when used in the MT GUI, it does nothing.

Any ideas why the css works in custom css, but not in MT GUI?

Sebastian August 1, 2016 at 10:29 am

Hi Robert,

I’m not sure why you weren’t able to do this via the GUI. Did you paste the selector he gave you into the GUI selector?

I can’t see your attempt to do this via the GUI in your stylesheet: http://usm4.siteground.biz/~leadopti/ripleysmufflerandbrakes.com/wp-content/micro-themes/active-styles.css?mts=960&ver=4.5.3

If you try doing it via the GUI again I will comment on what you need to adjust.

Cheers,
Sebastian

robertlo August 3, 2016 at 4:53 pm

I found the problem. For that selector, inside of MT’s GUI, there was a background image selected. It was grey, and I don’t recall putting it there, so I assume it was inherited from the main header background image entered into the theme. Anyway, I switched it to none in the MT GUI and it performed as expected. Thanks!

Sebastian August 4, 2016 at 9:46 am

Great! I’m you managed to solve it. And thanks for sharing your process.

Sebastian

You must login or register to reply to this topic.