jQuery Change css parameter if other element exists

Question

I have this .bx-wrapper element thats shown only on front page.

If it is displayed i need some extra top margin for my #columns.

This is the code I wrote so far :

 $(document).ready(function () {

    if ($(".bx-wrapper").length) {
        $('#columns').css({ "margin-top": "90px !important" });
    }

 });

However it is not working.

I'm new to jQuery and javaScript.

I guess there is a little mistake somewhere.

Thank you.

http://stackoverflow.com/questions/2655925/how-to-apply-important-using-css — Hashem Qolami, Oct 23 '14 at 12:25

score 0 · Answer 1 · answered Oct 23 '14 at 12:33

0

You should remove the !important inside the setting of the css property. Because it is added as an inline style, it is overruling any CSS styles anyway.

So change:

$('#columns').css({ "margin-top": "90px !important" });

To:

$('#columns').css({ "margin-top": "90px" });

And it should work.

answered Oct 23 '14 at 12:33

ZiNNED

2,620
20
31

Thank you friend ! Works perfect now. – Jakub M Oct 23 '14 at 14:38

jQuery Change css parameter if other element exists

1 Answers1