Forums / General Questions / How to change the attribute's place on product pages ?

How to change the attribute's place on product pages ?

Views: 453

Results 1 to 4 of 4
4 Oct 2016, 7:46 AM
#1
akasashasha avatar

akasashasha

Zen Follower

Join Date:
Mar 2009
Location:
France
Posts:
158
Plugin Contributions:
0

How to change the attribute's place on product pages ?

Hi dears

please see on this page:

http://www.zamstore.com/index.php?main_page=product_info&cPath=841_844_672&products_id=31693

I would like the attributes to be aligned beside each other, one is a bit below the other one and I did not found how to change that (I'd like to check if it's possible to do it via the admin without having to customize the source code) ... some help would be very welcome.

xx

Aka

4 Oct 2016, 12:18 PM
#2
lat9 avatar

lat9

Administrator

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

Re: How to change the attribute's place on product pages ?

You'll need to update /includes/templates/zamstore/css/stylesheet.css. Around line #249, you'll find a statement similar to:

.wrapperAttribsOptions {
    margin: 0.3em 0;
}

Change that to:

.wrapperAttribsOptions {
[B]    float: left;[/B]
    margin: 0.3em 0;
}
[B].wrapperAttribsOptions+br { display: none; }[/B]
4 Oct 2016, 2:39 PM
#3
akasashasha avatar

akasashasha

Zen Follower

Join Date:
Mar 2009
Location:
France
Posts:
158
Plugin Contributions:
0

Re: How to change the attribute's place on product pages ?

lat9:

You'll need to update /includes/templates/zamstore/css/stylesheet.css. Around line #249, you'll find a statement similar to:

.wrapperAttribsOptions {
margin: 0.3em 0;
}

> Change that to:
> ```
.wrapperAttribsOptions {
[B]    float: left;[/B]
    margin: 0.3em 0;
}
[B].wrapperAttribsOptions+br { display: none; }[/B]

thanks worked great ... will browse the site to check that it did not ############ up any other customization made so far.

please can you tell me what is the **.wrapperAttribsOptions+br ?
**is it a default line break tag included within the attribute display option or something else ?

xx

Aka

4 Oct 2016, 4:39 PM
#4
lat9 avatar

lat9

Administrator

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

Re: How to change the attribute's place on product pages ?

Right, the .wrapperAttribsOptions+br selector is targeting a <br /> tag that comes directly after the .wrapperAttribsOptions class. If that <br /> is not hidden, then it messes up the display.