Add border on main image in product view

-- url of the page with the problem -- : access.kangablu.com/~leoniebbs/index.php...-gold-daisy-bracelet

I have tried to follow the instructions on how to change the border around products and categories on listings as I would like a border around the main image (I have managed to add it for thumbnails)


You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area.
There, you can change the CSS:
div.hikashop_products div.hikashop_subcontainer{
border: 1px solid;
}

I find that when I go into the CSS file via the above method, I am unable to search to quickly locate the relevant line of code. So I open the document in cpanel/file manager
/home/leoniebbs/public_html/media/com_hikashop/css/frontend_custom.css
I have searched on the above doe and I am unable to locate it (div.hikashop_products div.hikashop_subcontainer...)

Thanks in advance,
Anne

Hi,

You can simply add such CSS:
#hikashop_main_image{
border: 1px black solid !important;
}