Change element style in custom css WP

Question

I have a WP where i want to change an element style.

This is what i have in console when i inspect with firebug:

<div class="et_pb_container clearfix" style="min-height: 400px;">

And then on the right in Styles i have

element.style {
min-height: 400px;
}

How can i change the element.style in the custom CSS editor?

I want min-height to be 550px;

When i try with

et_pb_container.clearfix{
min-height: 550px;
}

Nothing happens.....

Please advice.

cfx · Accepted Answer · 2015-01-24 22:00:54Z

4

Try this in your stylesheet:

.et_pb_container.clearfix[style] {
  min-height: 550px !important;
}

answered Jan 24, 2015 at 22:00

cfx

3,4492 gold badges37 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hapass · Accepted Answer · 2015-01-24 21:56:34Z

0

Try:

.et_pb_container.clearfix{
    min-height: 550px !important;
}

Or change min-height in inline style:

<div class="et_pb_container clearfix" style="min-height: 550px;">

Inline styles usually take precedence over css stylesheets, unless you specify !important keyword.

answered Jan 24, 2015 at 21:56

hapass

3226 silver badges17 bronze badges