Add space

[Dale]

See attached screenshot. I'm trying to add space between banner ad and the box below.
I tried a few changes of the margins in the styles.css and layout_default.css but nothing worked.

Any suggestions please.

Thanks

[Alex]

Use firebug. It will make your life a breeze.

[Dale]

Originally Posted by Alex

Use firebug. It will make your life a breeze.

I tried that before i posted and I guess I'm not reading firebug to well to get it right then.
Just need to know what .css file and I will take it from there.

Anybody else?

Thanks

[theodore]

Maybe if you share with us the url we can help you

[Dale]

Originally Posted by theodore

Maybe if you share with us the url we can help you

Thanks for the reply Theodore.
The website is not live to the web yet , so I can't show you much yet just the screenshot.
Thanks
Dale

[Micha]

Wrap your banner in <div> with .banner class, and than in your css style place this code:

.banner {margin:10px 0;}

or

.banner {margin-bottom:10px;}

if you need to add space just at the bottom.

[Dale]

Originally Posted by Micha

Wrap your banner in <div> with .banner class, and than in your css style place this code:

.banner {margin:10px 0;}

or

.banner {margin-bottom:10px;}

if you need to add space just at the bottom.

Thanks Micha , I will give it a try once Support is finished with the Banner Manager problem I'm having.

Dale

[Dale]

Originally Posted by Dale

Thanks Micha , I will give it a try once Support is finished with the Banner Manager problem I'm having.

Dale

Can't seem to get any space between the boxes .Do I have this right? (code in Red )

defauft template....

<div id="dynamic_box_right">
<div id="box_right_holder">
<vte:include file="{VIVVO_TEMPLATE_DIR}box/box_youtube_video.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/box_yahoo_weather.tpl" />
<div class=".banner_1"><vte:load module="box_banners" search_zone_id="1" /></div>
<vte:include file="{VIVVO_TEMPLATE_DIR}box/plugin_poll.tpl" />
<vte:include file="{VIVVO_TEMPLATE_DIR}box/top_rated.tpl" />
<div id="ads2">



style_css

#dynamic_box_right .box div.box_title {
background: url(../img/box_right_head_left.gif) top left no-repeat;
color: #C9E5FC;
font-weight: bold;
font-size: 16px;
line-height: 22px;
padding: 7px 10px 15px;

}

.banner_1 {margin-bottom:10px;}
}

#dynamic_box_right .box_tabs div.box_title {padding: 12px 6px 9px 6px;}

#dynamic_box_right .box .box_title_holder {
background: url(../img/box_right_head_right.gif) top right no-repeat;


Thanks
Dale

[theodore]

Replace

<div class=".banner_1">

with

<div class="banner_1">

Note: without "." (dot)


and
here:

.banner_1 {margin-bottom:10px;}
}

you have double "}"
Replace with:

.banner_1 {margin-bottom:10px;
}

[Dale]

That fixed it ! Thanks so much Theodore!

You and Bob have been great in your help and I appreciate it.


Thanks
Dale