Cant change size of Product name

-- url of the page with the problem -- : kentkreations.co.uk/madebyleah/index.php...oduct/130-cookie-jar
-- HikaShop version -- : 2.6.3
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.6.23
-- Browser(s) name and version -- : Chrome

I have gone into the 'frontend_custom.css' file via HikaShop's configuration>Display page.

I have located the following code and changed the font size, but it doesn't work:

.hikashop_compare_table .hikashop_product_name_main{color:#555; font-size:12px; font-weight:bold; text-decoration:none; border:none; text-align:center}

Do I have the wrong code?

Also, where is this file located in the file directory a s it will be easier to locate via FTP and amend in Filezilla in future.

Hi,

The current CSS is coming from the following lines in the same file around line 147:

#hikashop_product_top_part h1 {
    font-size: 16px;
    color: #555555;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    margin-bottom: 20px;
}

Hello,

Using that kind of CSS code will probably do the job :

#hikashop_product_top_part #hikashop_product_name_main {
    font-size: 20px;
}

Thank you both.

So just to check, if there is an extension update, it wont overwrite the custom.css file?

frontend_custom.css will not be overwritten by an update.

These are the CSS files coming with HikaShop on installation, and which are overwritten when updating: