Move the price to the right in the product listing

  • Posts: 30
  • Thank you received: 0
11 years 10 months ago #83729

Hello,

In the product listing the price is displayed left below the product picture (see attached screenshot).
Now I would like to move this price to the right a bit, so it is displayed exactly below the picture.

I have added 1 line in the CSS file:

span.hikashop_product_price{
color:#52594F;
white-space:nowrap;
padding-left: 30px; -> toevoegen
}

However, this setting affects the location of all prices, also the price in the cart module.

Where can I change the code to achieve that the price is only moved to the right in the project list?

Thanks
Hugo

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82817
  • Thank you received: 13358
  • MODERATOR
11 years 10 months ago #84018

Hi,

Can you please give a link to that page so that we can directly look at the CSS with firebug ?

Please Log in or Create an account to join the conversation.

  • Posts: 30
  • Thank you received: 0
11 years 10 months ago #84025

Hi,

the link is: www.labonneimage.nl/index.php/gatineau-hs

Regards
Hugo

Please Log in or Create an account to join the conversation.

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 10 months ago #84196

Hi,

You have to use CSS rules.

div.hikashop_products_listing span.hikashop_product_price {
  color:#52594F;
  white-space:nowrap;
  padding-left: 30px
}
At this moment, only the "hikashop_product_price" for the product listing would be affected.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 30
  • Thank you received: 0
11 years 10 months ago #84441

Hi Jerome,

Where do I find 'div.hikashop_products_listing span.hikashop_product_price'?

I have found 'span.hikashop_product_price_product_list' in the front-end CSS file.
However, changes I make in this block are not reflected in the product listing.

What am I doing wrong?

Thanks again...

Hugo

Please Log in or Create an account to join the conversation.

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 10 months ago #84448

Hi,

It a rule that you have to add.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: hugojacobs

Please Log in or Create an account to join the conversation.

  • Posts: 30
  • Thank you received: 0
11 years 10 months ago #84603

Works like a charm, thanks!

Please Log in or Create an account to join the conversation.

Time to create page: 0.066 seconds
Powered by Kunena Forum