Display problems on a product page

  • Posts: 23
  • Thank you received: 0
8 years 2 months ago #267593

-- url of the page with the problem -- : www.primafineart.com/paintings/product/1...fboards-with-flowers
-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6

I am sorry to bug you about a CSS question. Ive tried my best with google Dev tools and searching all over this form, but I can't get this page to line up correctly. I also can't get the image to be responsive. I have turned on the Boostrap but that did not solve the problem, If you can take a look I really appreciated.

www.primafineart.com/paintings/product/1...fboards-with-flowers

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

  • Posts: 26255
  • Thank you received: 4041
  • MODERATOR
8 years 2 months ago #267606

Hi,

pasteboard.co/5GH4TSiag.png

If you force the width and the height of the image in your configuration ; it is normal that your image is not responsive because the size will be for every devices.

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: 23
  • Thank you received: 0
8 years 2 months ago #267674

Thank you for the reply, I think I almost got it. Can you tell me what are the css classes I need to edit to adjust the location of the price and the style of the 2 buttons.

Attachments:
Last edit: 8 years 2 months ago by luwes2000.

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

  • Posts: 84046
  • Thank you received: 13621
  • MODERATOR
8 years 2 months ago #267701

Hi,

I don't see what you have in your screenshot.
For me, it displays fine for all the screen sizes.
I suppose that you already found your answer.
If not please provide more information on how to reproduce what you have on your screenshot.

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

  • Posts: 23
  • Thank you received: 0
8 years 2 months ago #267769

Hello,

thank you again. I am attaching a screen shoot of the final items I would like done.

1. I would like to move the price lower so its location is closer to the Add to cart button and also change the color of the price.

2. I would like to change the style of the "add to cart" button to different color and just need the CSS class.

3. I also would like to modify the "contact us" button for it to be a little lower and not touching the "Add to cart" button and I also need to change its style as well, so I also need what css class for that button as well.

Thank You

Attachments:
Last edit: 8 years 2 months ago by luwes2000.

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

  • Posts: 84046
  • Thank you received: 13621
  • MODERATOR
8 years 2 months ago #267770

Hi,

Please note that this support forum is not there to provide custom CSS code.
We're happy to give hints and solve issues (real issues, when things doesn't work like it normally should). But if you want to customize things, you have to do it on your end, either yourself, or have it done by a designer.
Here is our documentation page, which explains how to edit the CSS of HikaShop, and how you find which classes to use in your CSS code to style the different elements of the page:
www.hikashop.com/support/documentation/1...ize-the-display.html

The following user(s) said Thank You: luwes2000

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

Time to create page: 0.049 seconds
Powered by Kunena Forum
loading