How can I do if statement in css?

Question

I am developing a website in wordpress but I am using a builder call Divi. In this builder I can have custom css code but not java.

How can I do something like this but purely in css:

if heigh-res > 1000 then
    padding-top: 200px;

For those that have marked my question as a duplicate, it is not. The question that you think I have duplicated asks about changing the .css file that is loaded depending on the screen resolution. I am not asking about changing the file but I am asking about setting padding if the screen height is greater than 1000px.

No, a css preprocessor won't know the resolution of the screen — Denys Séguret, Apr 24 '16 at 07:51
@jonrsharpe either we close as dupe or you make that an answer, that's the right solution — Denys Séguret, Apr 24 '16 at 07:51
This question has already answers. visit this link http://stackoverflow.com/questions/2446812/css-equivalent-of-the-if-statement — hardwork, Apr 24 '16 at 07:51
Because I am using a builder in wordpress, the builder only allows for custom css code and I cannot use and preprocessor. — Ruarri, Apr 24 '16 at 07:52
can i use something like: @media screen and (min-height: 1000px) { body { padding-top: 200px; } — Ruarri, Apr 24 '16 at 07:54

score 2 · Accepted Answer · answered Apr 24 '16 at 07:54

2

Try using media queries and set min-width as you want. Here an example.

<style>
@media (min-width : 1000px) {
.your_class {
padding-top: 200px;
}
}
</style>

answered Apr 24 '16 at 07:54

Lexo Alonzo

482
1
4
20

what do you mean by .your_class? – Ruarri Apr 24 '16 at 08:41
.your_class is the class that you are using in rour html code Ex:

– Lexo Alonzo Jul 18 '16 at 08:17

How can I do if statement in css?

1 Answers1