Hey everyone,
I’m facing some strange behaviour and I think it’s due to some CSS override issues, but I can’t figure out the root cause for the life of me. I’m using the Astra theme and Elementor (also ShopLentor and WooCommerce, but I don’t think these are playing a role here).
​
Strange thing 1: In the Elementor editor, I wanted to change the font size of the title of a Elementor element. The setting had no effect, all it did was increasing the line height instead. I had to use this custom CSS in order to change the size:
*div.product-inner h4.title a {*
*font-size: 16px;*
*}*
Strange thing 2: In the theme customizer I wanted to change the font size and weight of a widget text in the footer. Both of these settings had no effect. No it gets even weirder: When I changed the font size (based on px) of this text in custom CSS like this:
*.footer-widget-area h6.wp-block-heading {*
*font-size: 15px;*
*}*
, the font size setting (based on h6, h5, h4 etc) in the customizer suddenly had an effect!
​
I don’t understand what’s going on and I’m no WordPress expert, let alone a web developer.
​
Some help would be HIGHLY appreciated!
​
Thanks a lot in advance.
[ad_2]