Getting the banner fills

Advanced and professional portal news Joomla template with community features and various content display layouts.
GK User
Wed Jun 05, 2013 1:11 pm
I want to get the banner fills without white margins.

If you increase the size of the banner comes out.

Attached screenshot

05-06-2013 14-09-10.jpg
User avatar
Expert Boarder

GK User
Wed Jun 05, 2013 1:13 pm
Could You post an url to your site or send me PM with the url, where I can find this issue?
User avatar
Moderator

GK User
Wed Jun 05, 2013 1:15 pm
User avatar
Expert Boarder

GK User
Wed Jun 05, 2013 1:25 pm
You would need to do 2 things:
1. Add a unique suffix to that module (for example: nopaddingbox)
2. Write me back when You will do it, I'll prepare css override to get rid of white border.
User avatar
Moderator

GK User
Wed Jun 05, 2013 1:28 pm
I've added the sufix but you still see the white border.

I need this override to get it??
User avatar
Expert Boarder

GK User
Wed Jun 05, 2013 1:34 pm
Yes, use override.css as usually, and add at its end:
Code: Select all
#gkPage .box.nopaddingbox > div {margin: 0px;}
.box.nopaddingbox div.banneritem {padding: 0px}

This will get rid of bottom and side margins, but flash is still centered and its width is 260px, and columns width is 280px so either You will create 280px wide flash banner, or You could add additional css class to get rid of white background:
Code: Select all
#gkPage .box.nopaddingbox {background: transparent}
User avatar
Moderator

GK User
Wed Jun 05, 2013 1:39 pm
I removed the centering and I put 260x280 but there are still white edges.

I added the first override, transparent about since I have not yet, because it would look bad banner. I want that spans the width of the column.
User avatar
Expert Boarder

GK User
Wed Jun 05, 2013 1:42 pm
Then create banner that has width: 280px instead of 260px - then it will fill entire column.
User avatar
Moderator

GK User
Wed Jun 05, 2013 1:44 pm
Now occupies the entire width, but still looks a white border on the bottom.

280x280 banner dimensions
User avatar
Expert Boarder

GK User
Wed Jun 05, 2013 2:15 pm
I dont see any border right now:
http://d.pr/i/mwpW
User avatar
Moderator

GK User
Wed Jun 05, 2013 3:07 pm
In Firefox you can see the bottom edge.

In Chrome you can see the top edge.

In Internet Explorer it looks good.
User avatar
Expert Boarder

GK User
Wed Jun 05, 2013 4:08 pm
You might have somewhere a empty space or line break or smthing.
You could force it to not show with:
Code: Select all
.box.nopaddingbox div.banneritem {line-height: 0px; font-size: 0px;}


or just find that empty sign.
User avatar
Moderator

GK User
Wed Jun 05, 2013 4:10 pm
Perfect.
User avatar
Expert Boarder


cron