Hi. In my store, http://ag-usa.net/products.php?cat=7
I would like to be able to take out the carriage return located between the name of the product and the price, and add it after the price. As it is now, a customer could mistakenly think that the price belongs to the product after the price, not the product before the price.

Of course, maybe there is an even better solution. I would love to hear my options.

Thank you.
Paul

Paul Schneider Jr

Hi Paul

In style.css you'll need to add
float:left;
width:48%;

to both prodname and prodprice, like this

div.prodname{
padding-top:6px;
font-size: 1.1em;
margin-bottom:8px;
float:left;
width:48%;
}

div.prodprice{
font-size: 1.1em;
font-weight:normal;
float:left;
width:48%;
color:#666;
}

Andy

Please feel free to review / rate our software

Thank you, Andy.
I made the changes to my style.css file.
In Internet Explorer it made the description and price side-by-side.
In Firefox and Chrome it didn't seem to make much difference.
ag-usa.net/products.php?cat=7

It seems that the code you sent to me was meant to have the effect that it had in Internet Explorer, is that right? Is there any way to reduce the padding after the product name and increase it after the price? Or is that going to be a bit too complicated?

Thanks.
Paul

Paul Schneider Jr

Hi Paul, if you want the name and price side by side try adding margin and padding like in the example below.

div.prodprice {
font-size: 1.1em;
font-weight: normal;
color: #666;
margin-top: -18px;
padding-top: 6px;
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Thank you, Andy.
Is there any way to reduce the padding after the product name and increase it after the price? Or is that going to be a bit too complicated?
This is my preference, but if it isn't possible I will try to go with side by side.

Blessings.
Paul

Paul Schneider Jr

Do you mean you don't want them side by side or am I misunderstanding?

Andy

Please feel free to review / rate our software

My preference is to have the product name on the first line, then the price single spaced immediately under it. Then I would like to take the amount of space that is currently between the product name and the price and put that amount of space under the price, so there is a more clear delineation between the price of the product and the next product in the store.

Thanks.
Paul

Paul Schneider Jr

I would try something like this

div.product{
padding:6px;
width:49%;
float:left;
height:220px;
margin:2px;
}

div.prodname{
padding-top:6px;
font-size: 1.1em;
margin-bottom:2px;
float:left;
width:98%;
}

div.prodprice{
font-size: 1.1em;
font-weight:normal;
float:left;
width:98%;
color:#666;
}

Andy

Please feel free to review / rate our software

Thanks, Andy.
When I make changes, nothing happens in my browsers.
Would you please remind me how to refresh the page so that it doesn't take it from a previously loaded image? Marlene told me, but I can't remember what it was. I tried an Incognito page, but that didn't seem to work. Is there a function key that I can push or something that loads any changes I have made to the style.css?

Thanks.
Paul

Paul Schneider Jr

Hi Paul, most browser you can use f5 but chrome browser its hold the ctrl key and hit the refresh or hit the 3 dots on the right of chrome select > More tools > Clear browsing data

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Thanks, Andy. That worked great!

Blessings.
Paul

Paul Schneider Jr