Hot Effects Rotator

Dear All !

I purchased the hotThemes Car Template which i try to customize a little.
I linked the Hot Effects Rotator on position Advert1. So far so good, but the Rotator seems to have a margin from the left border. I'd like to have it in 'one line' with the Logo and the Left Menu.


Does anyone have a clue where i could find the necessery parameter? Already looked thru layout.css and template.css, but didnt find anything.

econd thing, there is a grey bar on the lower part of the Rotator mdule which lays over each picture in the module - any idee idea how to get rid of it?

Link to my site: www.florent.de/kan -

Thanks a lot in advance !

Cheers,
Florent

Add this to layout.css

DIV.upper,
DIV.upper > DIV,
DIV.upper > DIV > DIV,
DIV.upper > DIV > DIV > DIV,
DIV.upper > DIV > DIV > DIV > DIV,
DIV.upper > DIV > DIV > DIV > DIV > DIV{
margin:0!imortant;
padding:0!imortant;
}

Hi !

Thanks for the fast reply Just inserted your Code in Layout.css. Apparently doesn't do anyting.

Here the Layout.css i use for the Moment - HAd your code inserted at the beginning... So where should it be in the layout.css to work? Thaaaank ! a lot !

/*

---

# "Hot Cars" Joomla template - November, 2010
# Copyright (C) 2010 ArhiNet d.o.o. All Rights Reserved.
# License: www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: www.hotjoomlatemplates.com

---

*/

html {
font-size:13px;
}

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}

.noscroll {
overflow-x:hidden;
}

.shadow_left {
margin:0 auto;
background:url(../images/shadow_left.png) repeat-y;
}

.shadow_right {
background:url(../images/shadow_right.png) right repeat-y;
}

.hotwrapper,.header_wrap2,.central_zone {
margin:0 auto;
}

.header {
height:50px;
margin:0 auto;
}
/*original size Logo 150*200 */
.logo {
height:150px;
width:200px;
float:left;
}

.logo_pad {
padding:15px 0 0 15px;
}

.search_wrap {
float:left;
text-align:right;
position:relative;
left:9px;
font-size:90%;
}

.search_wrap a {
font-size:11px;
}

#topmenu {
height:40px;
float:left;
z-index:999;
}

#topmenu_pad {
padding:63px 25px 25px;
}

.path {
height:30px;
margin:0 auto;
background:#fff;
}

.path_pad {
padding-left:18px;
}

.main_area {
border-bottom:none;
}

.content_wrap {
float:left;
}

.column_left {
float:left;
margin:10px 7px 0 7px;
}

.column_right {
float:right;
margin:10px 7px 0 7px;
}

.upper {
margin-bottom:15px;
margin-top:5px;
}

.bottom_bg {
background:url(../images/bottom_bg1.jpg);
padding:10px 0;
}

.bottom_bg_top {
background:url(../images/bottom_line.jpg) top repeat-x;
}

.bottom_bg_bottom {
background:url(../images/bottom_line.jpg) bottom repeat-x;
}

.bottom {
padding:15px 0;
margin:0 auto;
}

.modulerow1 {
width:99.9%;
float:left;
}

.modulerow2 {
width:49.9%;
float:left;
}

.modulerow3 {
width:33.3%;
float:left;
}

.modulerow4 {
width:24.9%;
float:left;
}

.footer_wrap {
margin:0 auto;
}

.footer {
text-align:center;
padding:10px 0 50px 0;
}

.clr {
clear:both;
}

#font_resize {
clear:both;
padding:7px 3px 0 0;
}

#font_resize a {
color:#aaa;
}

.inset_pad {
padding:11px 0 15px;
}

.article_pad {
padding-top:15px;
}

.top_shadow {
height:15px;
}

.rotator_module {
margin:-9px 0 25px 0;
padding:20px 10px 0 10px;
}

.breadcrumbs_module {
margin:0 0 15px 0;
padding:6px 0 6px 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
position:relative;
top:-9px;
}

.megamenu_blocks {
display:none;
}

At bottom. Also in template_css.css you have this:

.bottom div.module div, .upper div.module div {
margin: 3px;
padding: 1px;
}

you can change that to:

.bottom div.module div{
margin: 3px;
padding: 1px;

}

.upper div.module div {
margin: 3px 0;
padding: 1px 0;
}

Perfect Thanks ! Worked fine !

Just an info to my second Questin. There is still this grey bar in the lower part of the effect rotator. Still trying to get rid of this on. but can't find it in the code.. When i analyse the code via Firefox it says: Div=Nivo-Caption and the style statement is 'Display Block'...

Tanks again !

have a nice day !