How to change font size of product name ?

  • Posts: 16
  • Thank you received: 0
  • Hikashop Business
7 years 1 month ago #280279

-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.81
-- Browser(s) name and version -- : firefox 55.0.3
-- Error-message(debug-mod must be tuned on) -- : How to change font size of product name ?

Simple question: How to change font size of product name ? The forum help is 5 years old and does not seem to reflect the current version.

Also, when you mention a file, please state the file path relative to the joomla tree.

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
7 years 1 month ago #280307

Hi,

1. I don't know what forum thread you're talking about. But the method to change the font-size that I would recommend was still the same with the first release of HikaShop.
It's to add CSS on your website for it.
Supposing that you're talking about the product name on the product page, it's that kind of CSS that you want to add:
.hikashop_product_name_main{ font-size: 2em; }
Regarding where to add it, it depends how you want to handle it. You could add it in your Joomla template CSS, or in HikaShop's.
This tutorial explains how to find which class to use for your CSS, and where to add it when you add it to HikaShop's CSS files:
www.hikashop.com/support/documentation/1...ize-the-display.html

2. We don't mention the file path when we ask you to go through the interface of HikaShop because we want you to go through the interface. That's because if you edit directly the view file, or the CSS file, you'll loose your changes when you update HikaShop.
However, if you go through the interface we provide, the system will automatically save your changes in an override file. First you won't loose your changes when you update, and second, if you mess up when you do your changes, you'll be able to easily revert to the default version of the file that way.

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

  • Posts: 16
  • Thank you received: 0
  • Hikashop Business
7 years 1 month ago #280335

I look at the page source and use firebug see this

<h1>
<span id="hikashop_product_name_main" class="hikashop_product_name_main" itemprop="name">Limulus HPC 100 <br /> Personal Cluster Workstation</span>
</h1>

If I understand it correctly, I try to find "hikashop_product_name_main" and change the font size. The Display menu is no help.
So I start grep-ing for this term in the CSS. I think I find it. try to change the font size and nothing happens. I ask for the exact file path because I search the help forum and it has old content that does not apply to my version. I waste a lot of time looking for ways to change simple things.

I did not realize it would take half a day to change a font size.

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
7 years 1 month ago #280336

Hi,

The link I gave you explains how to edit the CSS of HikaShop. Just edit it in the HikaShop configuration page under the Display tab. It doesn't say that you should go in the Display menu.
And as I said, you can just add the CSS I gave you to the frontend CSS, at the end for example.
And as I said, you can also add that CSS in your template (or even any other CSS file loaded on that page). If you look at the page HTML header with the developer tool, you can also see all the file paths of all the CSS files on the page. For example, the frontend_default.css of HikaShop is in the folder media/com_hikashop/css. But again, I don't recommend editing that file directly.

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

Time to create page: 0.060 seconds
Powered by Kunena Forum