- Posts: 14
- Thank you received: 0
category image and title display
5 years 4 months ago #332672
by boppana
category image and title display was created by boppana
-- 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
-- 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
Please Log in or Create an account to join the conversation.
5 years 4 months ago #332691
by oxido
Replied by oxido on topic category image and title display
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.
5 years 4 months ago #332675
by nicolas
Replied by nicolas on topic category image and title display
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.
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.
5 years 4 months ago #332705
by boppana
Replied by boppana on topic category image and title display
Thank you very much
i will try
i will try
Please Log in or Create an account to join the conversation.
5 years 4 months ago #332813
by oxido
Replied by oxido on topic category image and title display
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.
.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.208 seconds