Product Attribute Display Layout Issues - Restaurant Online Ordering

I have currently adapted nopCommerce for restaurant online orders.  I have searched far and wide to figure out how to add a space after product attributes that display on certain menu items (products).  The attributes currently display all bunched up, unclean, and not tidy.  I have edited several files and code to attempt to add a <br /> to productAttributes with no success.

Below is a page from the store of what I’m talking about.  Take note of how all 3 product attribute choices are all bunched up without a space to separate them out.  Please can anyone help me?

http://www.chatterscafe.com/ordering/products/30-chatters-club-tray.aspx

hi you can find this useful

https://www.nopcommerce.com/boards/t/9326/display-products-attributes-inline.aspx

https://www.nopcommerce.com/boards/t/9335/alter-attributes-on-product-variant-page.aspx

I don't have visual studios...  it is possible to just edite the style.css file for the template in anyway by padding margin padding between the divs?

just to modify the stylesheet even notepad is enough.

But to recompile the entire solution you need visual studio professional 2010. You can download the use the trial version for 90 days.

Or u can download the free version visual webdeveloper express (but you cannot recompile with this)

it has been years since i've touched visual studios.... i'll try the CSS mod and get back to this post...

IT WORKED WITHOUT HAVING TO RECOMPILE!!!

Just edit the Style.css in the template...

added this CSS code and it worked flawlessly...

.product-variant-line .attributes
{
  margin: 15px 0;
  padding-bottom:20px;
}
.product-variant-line .attributes div
{
  padding-bottom:15px;
}

eddymurphy wrote:

This is incorrect, you can indeed compile the nopCommerce source with Microsoft Visual Web Developer Express. You will; however, need the 2010 version for nopCommerce versions 1.70 and later (for ASP.NET 4.0).

.