Skip to main content

Transparent background for product

More
11 years 4 days ago - 11 years 4 days ago #215998 by pweb
-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.4.4

I'm new to HikaShop

I wish to change the white background color to a transparent background with CSS styling background: rgba(255,255,255,.5) which is working when I do it with Firebug.
Problem which I have located is that some part of CSS is embedded in HTML code of the page and it is after loading of the CSS file.

In System > Configuration > Display > Default paramaters for DIV I can see that it should be possible to change the background to any color by changing "Item box background color" but it is never having any influence.

Can someone tell me what I'm doing wrong?

Rene
Last edit: 11 years 4 days ago by pweb.

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

More
11 years 4 days ago - 11 years 4 days ago #216005 by Mohamed Thelji
Hello,

1. Where do you exactly want to change your product background ? The "Item box background color" option is for product listing content menus / modules. Could you give a link to the page you're talking about ?

2. Note that you can directly add your CSS code as it's explained in that documentation : www.hikashop.com/support/documentation/1...the-display.html#css
Last edit: 11 years 4 days ago by nicolas.

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

More
11 years 3 days ago - 11 years 3 days ago #216140 by pweb
Hello Mohamed

Mohamed Thelji wrote: 1. Where do you exactly want to change your product background ? The "Item box background color" option is for product listing content menus / modules. Could you give a link to the page you're talking about ?

The name of the HTML element is
Code:
<div class="hikashop_subcontainer thumbnail">
. The CSS code in HTML file is
Code:
#hikashop_category_information_menu_112 div.hikashop_subcontainer { background:#ffffff; }
that I'd like to change to
Code:
background:rgba(255,255,255,0.5);
to make it transparent.
You will find the page under 167.pweb.ch/index.php/hikashop-menu-for-categories-listing

Mohamed Thelji wrote: 2. Note that you can directly add your CSS code as it's explained in that documentation : www.hikashop.com/support/documentation/1...the-display.html#css

This I can't do because it's not part of any CSS file it's embedded in the HTML code
Last edit: 11 years 3 days ago by pweb.

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

More
11 years 3 days ago #216148 by nicolas
Hi,

Then simply add such CSS on your website:
Code:
#hikashop_category_information_menu_112 div.hikashop_subcontainer { background:rgba(255,255,255,0.5) !important; }
You can add it at the beginning or the end of the frontend CSS of HikaShop as explained in the link Mohamed gave you.

Even if the CSS is embedded, you can easily override it with the !important CSS attribute.

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

More
11 years 3 days ago #216167 by pweb
Thanks,

the !important was that what I was searching. Works perfect.

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

Time to create page: 0.192 seconds
Powered by Kunena Forum