category image and title display

  • Posts: 14
  • Thank you received: 0
3 years 9 months ago #332672

-- HikaShop version -- : 4.4.2
-- Joomla version -- : 3.9.26
-- PHP version -- : 7.4.9
-- Browser(s) name and version -- : chrome

1.how to reduce space in between image and category title?

2.how to increase category title font size?

( i haave cheked frontend css but i did not find)

3. I am using shaper_helix3 template. How i can insert cart in main menu ? i have inserted but when added product to cart its not showing but when clicks its going to checkout page

Attachments:

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

  • Posts: 238
  • Thank you received: 29
  • Hikashop Business
3 years 9 months ago #332691

Maybe I can help you, can you give me a link to your page?

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

  • Posts: 83404
  • Thank you received: 13498
  • MODERATOR
3 years 9 months ago #332675

Hi,

1. You could add such CSS:
.hikashop_category br {
display: none;
}
www.hikashop.com/support/documentation/1...ize-the-display.html
That will remove a bit of the space.
The rest of the space comes from the height you configured for the thumbnails. You would have to reduce it in the settings of the menu item or the HikaShop configuration.

2. HikaShop doesn't define any font for its text. It uses the font specified by the template.
So you would have to define it yourself.
For example, you could add such CSS code :
.hikashop_category {
font-size: 1.5em;
}

3. You can do it like that: www.joomlashack.com/blog/joomla/modules-anywhere-menu/
But instead of using the Joomla search module, you can use the HikaShop cart module with the "mini cart" setting activated.

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

  • Posts: 14
  • Thank you received: 0
3 years 9 months ago #332705

Thank you very much
i will try

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

  • Posts: 238
  • Thank you received: 29
  • Hikashop Business
3 years 9 months ago #332813

So, for reducing the space from the bottom of the image, you need to add this to your css file.
.hikashop_category_image{height: height: unset;}

And to increase the font size for the title of categories and this to your css file
.hikashop_category_name{font-size:16px;} // and you can increase or decrease value.

You can add this css code from hikashop: Configuration > Display (tab) > CSS section.
And there you have: Front-end CSS File, edit that by adding this 2 lines of code.

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

Time to create page: 0.061 seconds
Powered by Kunena Forum