How to get Rollovers side by side in 3 over 3 grid?
-
Here is my situation:
I have a child theme based upon Expound. My home page has rollover thumbnails that link to their respective pages. However they are all aligned left. What I want is 3 thumbnail rollovers on top of 3 thumbnail rollovers centered on the page. My thumbnails are 235x200px. My website is http://www.cmbgraphicdesign.com
Here is the code I’m working with in my text editor:
<div class=”crossfade”><img class=”regular alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Featured.png” alt=”““Featured“”” width=”235″ height=”200″ /><img class=”rollover alignnone wp-image-1154 size-full” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Featured-Roll.png” alt=”“”””” width=”235″ height=”200″ /></div>
<div class=”crossfade”><img class=”regular alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Identity.png” alt=”““Identity“”” width=”235″ height=”200″ /><img class=”rollover alignnone wp-image-1154 size-full” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Identity-Roll.png” alt=”“”””” width=”235″ height=”200″ /></div>
<div class=”crossfade”><img class=”regular alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Print.png” alt=”““Print“”” width=”235″ height=”200″ /><img class=”rollover alignnone wp-image-1154 size-full” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Print-Roll.png” alt=”“”””” width=”235″ height=”200″ /></div>
<div class=”crossfade”><img class=”regular alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Publication.png” alt=”“”Publication””” width=”235″ height=”200″ /><img class=”rollover wp-image-1154 size-full alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Publication-Roll.png” alt=”“”””” width=”235″ height=”200″ /></div>
<div class=”crossfade”><img class=”regular alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Social.png” alt=”““Social“”” width=”235″ height=”200″ /><img class=”rollover wp-image-1154 size-full alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/Social-Roll.png” alt=”“”””” width=”235″ height=”200″ /></div>
<div class=”crossfade”><img class=”regular alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/CMB-Photo.png” alt=”“CMB-Photo“” width=”235″ height=”200″ /><img class=”rollover wp-image-1154 size-full alignnone” src=”http://www.cmbgraphicdesign.com/wp-content/uploads/2015/02/CMB-Photo-Roll.png” alt=”“”””” width=”235″ height=”200″ /></div>Any help would be greatly appreciated. I want to get my site back to normal soon.
Thanks!
- The topic ‘How to get Rollovers side by side in 3 over 3 grid?’ is closed to new replies.