[SOLVED] How to change the top position of the widgets in only one page
 

Hi,
I need to put a big slide show in the home page , just after the tittle and before the main content and I would like to change the top position of the widget from that page in order to give space on the right side for that
I tried to do:

body.home div.widget{
top:800px !important;
}

but it doesn't work, the widgets doesn't move position at all .
the link is: http://mercat.karmeba.com/

I will appreciate some help

thanks a lot in advance
xxx

Sometimes you have to set the position of the containing element to relative. You can also try margin for positioning.

Hi,
Thanks for your quick answer.

I tried already with position: relative and with that:

body.home div.widget{
margin-top:800px !important;
}
and the widget doesn't move al ALL :(

I assume that body.home div.widget is a good start, isnt'it?

xxx

I don't know what you are trying to move but div.widget will target all the widgets.

I tried to move the widgets only from the home page, this is the reason I am doing :
body.home div.widget

and I can't see why it doesn't work :confused:

The widgets move for me when I use your code in Firebug.

go to ato->Configure CSS & JS and set 'CSS: Compress?' to 'No'

something about your comments in the 'CSS Inserts' is messing things up.

YES!
Also I cleaned some code it was there between /* */ and now it works.

Thank you very much for your help !!!! :)