Shop header different from the original

jomarcruzz · September 2020

https://novadermpr.com/tienda/

This page won't load CSS so I had to make a specific CSS per buttons, width, font family, font-size, etc...

please help !

Pablo · September 2020

Hello,

You have to catch element by the classname of the buttons of woocommerce and provide the css parameters.

See these documentations to understand what I mean:

https://www.w3schools.com/cssref/css_selectors.asp

https://www.w3schools.com/cssref/css3_pr_all.asp

https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS

Thanks

jomarcruzz · September 2020

Greetings,

I know this, but I got betheme with other websites and the css of the shop and the whole page doesn't get separate, here it does, can you please check my website?

Pablo · September 2020

I do not quite understand to be honest.

As I see, it looks fine now, even if I deleted whole CSS code coming from Theme Options > Custom CSS & JS > CSS and CSS, WP CSS, and Jetpack CSS.

The buttons are green (as set in Theme Options > Global > Buttons), they are not misaligned and width, font size and everything looks normal.

https://prnt.sc/udgp5e

Can you explain your issue greater? With some screenshots if possible.

thanks

jomarcruzz · September 2020

Greetings,

This is how is supposed to look https://prnt.sc/uf300d

But I needed to make double CSS to achieve it

Pablo · September 2020

As I see, it looks like on the screenshot right now.

Did you solve the problem?

thanks

jomarcruzz · September 2020

It's fixed if I doubled the css for example if I add the css as an apart stylesheet it won't show like that, if add the css in appearence > custom css it does

Pablo · September 2020

Doubled CSS code is more 'important', then it will overwrite the settings.

You can also use the "!important" tag or extend the CSS route to make it more important than base css from the woocommerce.

https://www.geeksforgeeks.org/how-to-apply-important-in-css/

thanks

Shop header different from the original

Comments