Modify banner thumb + text

[studentkrubb 0]

Hello, Is it possible to modify the banner layout similar to the pagelines box layout? My goal is to achieve a single column, and since boxes come in at least rows of 2 this would be a good solution. Thanks in advance!

[catrina 103]

You would like the banners to appear one below another?

[studentkrubb 0]

Before posting this discussion, I wanted the pagelines boxes to appear in a single column below each other, however reading some discussions saying that it was not possible I would like to modify the banner template to look like pagelines boxes; seeing as the banners are possible to place in a single column below each other. My request is the look of a pagelines box and the capability to place them in a single column (which banners have) in one. =)

[catrina 103]

Ah, I see. So you would like to apply the image at the top + text at the bottom look to a banner?

[studentkrubb 0]

I would like to modify three banners to look like this (almost like a pageline box): [URL=http://imageshack.us/photo/my-images/155/bannersnb.jpg/][IMG]http://img155.imageshack.us/img155/9364/bannersnb.jpg[/IMG][/URL] Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL]

[catrina 103]

This will require tweaking with CSS. Can you please post a link to your site with the banners already in place?

[studentkrubb 0]

I understand. Here is a live link: http://svenskpotatis.org/ (banner "test 1" "test 2" "test 3"). I appreciate your time and help [u]alot[/u]!

[catrina 103]

Please add the following CSS to Custom Code > Custom CSS: [code]div.banner-area {width: 500px; height: 160px; border-bottom: 1px solid #000;} div.banner-media-pad img {width: 130px;} div.banner-media {width: 150px;} div.banner-text-pad {width: 300px; margin-left: -75px; padding-top: 0px;} div.banner-text {width: 300px;}[/code] This is the closest the banner can get to looking like the example shown above. Colors and font sizes can be customized if you wish.

[studentkrubb 0]

Thanks alot!!! :) I appreciate it!