Social plugin break design

  • Posts: 56
  • Thank you received: 2
3 years 10 months ago #319234

-- url of the page with the problem -- : www.nomadsroad.com/fr/boutique/produit/n...s-de-la-savannah-way
-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.18
-- Browser(s) name and version -- : chrome

Hi,

I intend to setup Hikashop Product Display
But I get some issue on Social button display, when I select right position this break everything



and if I select Left my product image is reduce and push on right with big white gap under social button, is it possible to display the in one column, like shown with red arrow


Any help to fix this dispaly issue will be nice
Thanks in advance

Attachments:

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

  • Posts: 4486
  • Thank you received: 609
  • MODERATOR
3 years 10 months ago #319310

Hello,

I will answer you step by step, because there is 2 different things in your message.
1. "when I select right position this break everything"
=> This is maybe leads from your template, but can't be sure of it.
Can you try to process some tests with a default template like ProtoStar to see if that solve your issue ?

2. "is it possible to display the in one column, like shown with red arrow"
=> Yes, for this you can add some Custom Css, see this tutorial to see how to proceed.

We recommend to use the style.css file to add your custom css code and add it at the end of your file, this will be more easy to find later and will increase your command priority.

Hope this will help you to achieved what your needs.
Regards

Last edit: 3 years 10 months ago by Philip.

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

  • Posts: 56
  • Thank you received: 2
3 years 10 months ago #319536

Thanks for the link to change CSS file, but I can't find any line about hikashop_social in any of them, frontend CSS file or Style for Frontend

Where to modify class="hikashop_social_tw_horizontal" because if I remove horizontal, I get something correct, and I can't find any CSS for class="hikashop_social_tw_horizontal"



Thanks in advance for your help

Attachments:

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

  • Posts: 81361
  • Thank you received: 13035
  • MODERATOR
3 years 10 months ago #319546

Hi,

I think you can fix that by adding such CSS:
.hikashop_product_page form > .hk-row-fluid { clear: both; }
monosnap.com/file/f9WjuXXJ3vTKDTHdVj2gZYGtAjhly3

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

  • Posts: 56
  • Thank you received: 2
3 years 10 months ago #319602

Wonderful, that work now with better view :D

Thank you very much

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

Time to create page: 0.079 seconds
Powered by Kunena Forum