- This topic is empty.
January 5, 2011 at 11:04 am #31163OlafGMember
I’m working on a site for a client, and I’ve just encountered some problems.
This is the site in question: http://dev.olafg.com/mc/
What I need is to add class=”alpha” to the first of the three smaller thumbs and class=”omega” to the last one to reset the margins on each side. How is that possible within the WordPress loop?
Thanks!January 5, 2011 at 11:54 am #67348ScottFMember
I’ve dealt with close to the same issue but mine was with zebra striping. This forum post will show you how to solve your issue – http://wordpress.org/support/topic/zebra-striping-questionsJanuary 6, 2011 at 8:36 am #67269seeingsoundMember
Easier solution: remove grid_12 class from .work_row. Then you don’t have to use alpha and omega at all.
And btw after .grid_12, you don’t have to use .clearfix ;)January 7, 2011 at 6:59 pm #67171OlafGMember
Thanks, both of you.
Tried your tip seeingsound, but it didn’t seem to work. Did I do anything wrong? When i remove “alpha” the thumbs break over two lines… When I use alpha they are appearing in the correct manner on the left side, but there is some margin on the right side that I need to remove.January 8, 2011 at 9:27 am #67066seeingsoundMember
Did you remove .grid_12 from . main-work_row?
So this is your code
I would do it like this:
And then remove padding and margin from .main-work-row and .row-top, and give .thumb margin-top: 15px; margin-bottom: 15px. Works nicely :)
- The forum ‘Other’ is closed to new topics and replies.