[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 !!!! :) |
All times are GMT -6. The time now is 06:10 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.