Product
Store demo
Showcase
Features
Why for developers
Why for store owners
Industries
Fashion
Health & Beauty
Food & Beverage
Automotive
Industrial & Scientific
Furniture
B2B eCommerce
International
Downloads
Download nopCommerce
Marketplace
Translations
Copyright removal key
Mobile application
Web API
Support & services
Training
Documentation
Community forums
Premium support services
Request a quote
Contact us
Partners
English
English
Español
Deutsch
Russian
Français
Italiano
Português
Türkçe
简体中文
日本語
Tiếng Việt
Get started
Shopping cart
My account
Log in
Register
Home
>
Forums
>
General
>
HTML, XHTML, CSS, Design Questions
>
How to place a <BR> between product attributes? A wee bunched up lookin'...
How to place a <BR> between product attributes? A wee bunched up lookin'...
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
mjindustry
Total Posts:
22
Karma:
120
Joined:
11/30/2010
Location:
United States
Posted:
13 years ago
Is there any way to get 1 or 2 lines of space between multiple product attributes in product view. I think they are a little bunched up looking.
I would not know where to begin to look to fix this... Thanks for any assistance!
mjindustry
Total Posts:
22
Karma:
120
Joined:
11/30/2010
Location:
United States
Posted:
13 years ago
Figured this out. I need to do multiple product variants, vs a single variant.
I'm loving the attribute functions of nop, to death. Very nice work! 8-0
HAHA, I Said... <BR>
mjindustry
Total Posts:
22
Karma:
120
Joined:
11/30/2010
Location:
United States
Posted:
13 years ago
Here is what I'm talking about. Can I put a space between my product variant attributes?
My screen shot shows you that the sizing attribute is right on top of the text attribute. I would like to put at least one space there. Anyone know how?
/spaceattributes.jpg
haydie
MVP
Total Posts:
1794
Karma:
14506
Joined:
10/7/2009
Location:
United Kingdom
Posted:
13 years ago
I use the following ( added to the css stylesheet ) :
/* adds padding between attributes */
.product-variant-line .attributes div
{
margin: 15px 0;
}
.product-details-page .attributes div
{
margin: 15px 0;
}
This fix came from a previous forum post - I think it was from MB
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
Still have questions or need help?
.
Premium support services
.
Get dedicated support from the nopCommerce team with a guaranteed response within 24 hours.
.
Online course for developers
.
Get the practical and technical skills you need to run and customize nopCommerce websites.