DancingFighterG
asked on
Issue with logos starting a new line
Hello, I'm trying to fix an issue with some logos on my site. The logos under sponsors should be lining up 6 rows and 4 per line but for some reason it keeps pushing the fourth item to the next line. What do i need to change in the css to fix this. Here is the website that has the issue - http://supercon2k.com
Each of your logos is wrapped in a DIV with a class of b-1. The CSS for b-1 sets the width to 25% and a right margin of 5px, so your total width is 100% plus 20px - which won't fit on the row, so the last logo is dropped.
Either remove the right-margin or drop the width, so the whole lot adds up to 100% or less.
Either remove the right-margin or drop the width, so the whole lot adds up to 100% or less.
.b-1 {
margin: 0 1% 0 0;
width: 24%;
}
ASKER
I'm looking of the css of my parent and custom css but I can't find the .b-1 class
Just check it in the header.php or index.php
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you
There is a code on your index page:
Open in new window
Update this code to the below one:
Open in new window
Or you can only update ".b-1 { width:25%; margin:0px 5px 0px 0px; }" to ".b-1 { width:68px; margin:0px 5px 0px 0px; }"
Hope this will help you
Thanks
Edwin