Edge of the icon products height in view category

  • Posts: 113
  • Thank you received: 2
9 years 6 months ago #231600

-- HikaShop version -- : 2.6.1
-- Joomla version -- : 3.1.0

Hello,
few days ago I entered the code to see the stars in frontend_custom.css file
Since that day in view of the product categories, the icon objects are removed from the edges. I attach the image. How do I adjust the height of the icon? Reading the code hikashop_subcontainer thumbnail, the icon height is 560px, but do not know which files I have to modify to set the height to 100%. Can you help me?
Thank You!

Attachments:

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 6 months ago #231616

Hi,

The height is actually calculated automatically in javascript based on the height of all the elements on the row so that it is consistent. However, the javascript code doing that is apparently called before the javascript code which displays the stars for the votes.
I would recommend instead to remedy to that problem with CSS code on the margins of the elements inside. For example:
.hikashop_product_image {
margin-bottom: -20px;
}

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

  • Posts: 113
  • Thank you received: 2
9 years 6 months ago #231756

Hello, thanks for the answer!
I tried to set the margins in custom.css > .hikashop_product_image, but the edge of the box remains unchanged. There are other solutions?

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

  • Posts: 12953
  • Thank you received: 1778
9 years 6 months ago #231760

Hello,
Using some CSS code like this will probably do the job in your case :

.hikashop_container a.hikashop_compare_button {
    margin-top: -30px;
}

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

  • Posts: 113
  • Thank you received: 2
9 years 6 months ago #231907

Ok, I inserted the css rule in custom.css file, but the box icon resizes automatically! It almost seems like a curse! :pinch:

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 6 months ago #231960

Hello,

Can you provide a link url to make some test in order to see which Css code will works.

Regards,

Last edit: 9 years 6 months ago by Philip.

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

  • Posts: 113
  • Thank you received: 2
9 years 6 months ago #232039

The problem is found in all categories of products. However this is one of the links: www.laputea.com/it/negozio/strumenti-musicali

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 6 months ago #232103

Hello,

follow this link , you will find a tutorial that explain how reach your Css file and create a custom Css.

Once, you have understand where you can add your Css code, use this kind of code.

A little advice, put your custom code at the end of your frontend_custom.css, that will be more easy later to find and maybe correct it

May I suggest you something for your Css code? If you use a custom Css code in order to pass height : 100%,
You will have, I think an other issue, see screenshot on below :



So, I suggest to apply this Css code :

For your align the text and your text color :

a.hikashop_cart_button {
margin : 7px 0px 10px 0px;;
}

your selector : a.hikashop_cart_button
your css order: criteria
Css value: position, color etc...

As result :




Hope this will help you.

Regards,

Attachments:
Last edit: 9 years 6 months ago by Philip.
The following user(s) said Thank You: gioxd

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

  • Posts: 113
  • Thank you received: 2
9 years 6 months ago #232170

Hello, thanks for the instructions! I set the margins in frontend_custom.css, but the icon resizes automatically! The only way to solve the problem, although I do not particularly like, is the first solution that you gave. Set the height to 100% with the rule in custom.css.
Better than nothing! :)

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

Time to create page: 0.092 seconds
Powered by Kunena Forum