Wed, 2014-08-27 09:25
I would like to insert some CSS code on a Wordpress website to override a height value on WP Flow Plus. Looking in Chrome's Inspect Element I can see the HTML for what I want to change:
<div id="wpif2_flowplus_1" class="wpif2_flowplus" style="color: rgb(85, 85, 85); width: 900px; height: 750px; background-color: rgb(255, 255, 255);">
I want to change the height to 530px so I am looking for the correct CSS syntax. I have tried
#wpif2_flowplus_1 { height: 530px; }
But nothing happens. Changing it in Dev tools works.
Can anyone see anything wrong with the code?
thanks
Wed, 2014-08-27 10:55
#1
Hi alleyoopster, The inline
Hi alleyoopster,
The inline styles have a higher specificity so you you should either change the value in the style="" or use !important.
<div id="wpif2_flowplus_1" class="wpif2_flowplus" style="color: rgb(85, 85, 85); width: 900px; height: 530px; background-color: rgb(255, 255, 255);">
or
#wpif2_flowplus_1 { height: 530px !important; }
Wed, 2014-08-27 12:36
#2
SOLVED: Basic Selector question
It just needed to have !important added
#wpif2_flowplus_1 { height: 530px !important; }
thanks for your help 