The main product image goes over the text

  • Posts: 719
  • Thank you received: 3
10 years 4 months ago #199681

-- url of the page with the problem -- : www.lacasettabio.it/negozio-online/prodo...etale-vendita-online
-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1

Hi,
i discovered that on a such size of the screen the image of the product goes over the text
You can see that from my screenshot
I found that width: 100% instead of width: 250px sould fix the issue.
But i was not been able to find where is set the style.
i searched on the hikashop configuration > CSS but i did not find
Could you help me please?
Thanks


my site with Hikashop
www.lacasettabio.it
Attachments:
Last edit: 10 years 4 months ago by lacasetta. Reason: forgot the screenshot

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

  • Posts: 84304
  • Thank you received: 13698
  • MODERATOR
10 years 4 months ago #199692

Hi,

I'm not able to look at your product page. When I do, I get redirected to the page:
www.lacasettabio.it/en/?option=com_content&view=article&id=66
But yes, some simple CSS should fix the issue.
No need to find where that CSS is defined.
You can add your own CSS in your template's CSS and override the default CSS with the !important CSS code.

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

  • Posts: 719
  • Thank you received: 3
10 years 4 months ago #199810

Hi Nicolas,
thanks for your help.
You have the error page when you click on my url page because your browser auto switches you to english Language.
And i have the english Language upset because we ( my webmaster and me) are waiting for your help to fix the issue with xmap (now osmap): TOPIC: Error sitemap urls
Come back to this css issue if you want to see the issue page you have to switch to italian Language and then write on your browser the url www.lacasettabio.it/negozio-online/prodo...etale-vendita-online .

I'd like to find where is set the style of hikashop_product_main_image_subdiv just to avoid the !important
I read that it is not so good to use it

Best regards


my site with Hikashop
www.lacasettabio.it

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

  • Posts: 719
  • Thank you received: 3
10 years 4 months ago #199857

Hi,
after further search i found the origin of the class.
It is on
show_block_img.php
from views > tmpl
I fixed the issue on line 109 with this code:

<div style="position:relative;text-align:center;clear:both;<?php if(!empty($divWidth)){ echo 'max-width:'.$divWidth.'%;'; } ?>margin: auto;" class="hikashop_product_main_image_subdiv">
Regards


my site with Hikashop
www.lacasettabio.it
Last edit: 10 years 4 months ago by lacasetta.

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

  • Posts: 13201
  • Thank you received: 2322
10 years 4 months ago #199829

Hi,

The css for the div with the class "hikashop_product_main_image_subdiv" is an inline css, that means that you have to edit the view "product / show_block_img" to edit the css properties.

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

  • Posts: 719
  • Thank you received: 3
10 years 4 months ago #199906

Hi Xavier,
In fact I have just edited this file ;)
Only that I did it via ftp.
Maybe on the next release it'll change back.
Then if necessary I'll modify it via backend.
Thanks a lot
Best regards


my site with Hikashop
www.lacasettabio.it

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

Time to create page: 0.077 seconds
Powered by Kunena Forum