Forums / Templates, Stylesheets, Page Layout / Getting attribute images to line up horizontally

Getting attribute images to line up horizontally

Views: 770

Results 1 to 7 of 7

7 Jan 2013, 3:30 PM

#1

New Zenner

Join Date:: Sep 2012
Posts:: 31
Plugin Contributions:: 0

Getting attribute images to line up horizontally

I have a lot of attribute images for the colour attribute, and I wish for them to be displayed horizantaly inline.

Here is how it is now: Now

This is how I want it to be: Desired

I've already messed around with CSS setting attribImg to display:inline, but the thing separating the images seems to be a hardcoded <br> somewhere with the images (I've disabled clear:both from br class="clearboth" and that lined the images up... as well as break a lot of things) but it's not the <br> in the tpl_modules_attributes

7 Jan 2013, 4:17 PM

#2

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Getting attribute images to line up horizontally

We'll need a link to a page that has attribute images.

7 Jan 2013, 4:49 PM

#3

New Zenner

Join Date:: Sep 2012
Posts:: 31
Plugin Contributions:: 0

Re: Getting attribute images to line up horizontally

here it is.

http://anysigns.ca/index.php?main_page=product_info&cPath=45&products_id=545

Thanks for such a fast reply.

7 Jan 2013, 6:13 PM

#4

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Getting attribute images to line up horizontally

Has your template designer modified includes/modules/attributes.php ?

7 Jan 2013, 6:20 PM

#5

New Zenner

Join Date:: Sep 2012
Posts:: 31
Plugin Contributions:: 0

Re: Getting attribute images to line up horizontally

No, the attributes.php is unmodified

7 Jan 2013, 6:32 PM

#6

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,119
Plugin Contributions:: 56

Re: Getting attribute images to line up horizontally

Add to /includes/templates/mobishop_blue/css/stylesheet.css:

.attribImg+br { display: none; }
.wrapperAttribOptions { clear: both; }

20 Jan 2013, 8:59 PM

#7

New Zenner

Join Date:: Sep 2012
Posts:: 31
Plugin Contributions:: 0

Re: Getting attribute images to line up horizontally

I've done as you said, and it works perfectly.

Thanks!