2 replies [Last post]
alleyoopster
alleyoopster's picture
Offline
newbie
Last seen: 5 years 32 weeks ago
Timezone: GMT+2
Joined: 2014-08-27
Posts: 2
Points: 5

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
Smile

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

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;
}

alleyoopster
alleyoopster's picture
Offline
newbie
Last seen: 5 years 32 weeks ago
Timezone: GMT+2
Joined: 2014-08-27
Posts: 2
Points: 5

SOLVED: Basic Selector question

It just needed to have !important added

#wpif2_flowplus_1 {
height: 530px !important;
}

thanks for your help Big smile