Skip to main content

Transparent background for Categories & Products??

More
15 years 3 months ago #20962 by squeakstar
Transparent background for Categories & Products?? was created by squeakstar
Hey, whilst it is obvious how to change the background colour for the category and item images, what is not so obvious is how I can just show the thumbnail for those items and not show the background tile through at all. Could some kind soul give me a pointer as how to accomplish this??? Thanks!!

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

More
15 years 3 months ago #20973 by nicolas
Replied by nicolas on topic Re: Transparent background for Categories & Products??
If you empty the background color field and save the options of your menu/module, the background should become transparent.

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

More
15 years 3 months ago #20975 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
That simple - doh. Many thanks! :laugh:

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

More
15 years 3 months ago #21059 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
One more thing, sorry - whilst I've successfully applied what we've discussed already to categories, i find that actual product's thumbnails still have a white box surrounding the item - where are these options for actual products div background?

Also, is it possible to create a default setting like i have found for categories in the options?

thankyou!

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

More
15 years 3 months ago #21060 by nicolas
Replied by nicolas on topic Re: Transparent background for Categories & Products??
The default settings for products and categories are the same, in the tab Display of the configuration.
For your products, you should edit the hikashop options of the associated module of your menu.

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

More
15 years 3 months ago #21063 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
found it, it's in the associated content module, but even when i remove the background colour i have a white border with rounded corners i want rid!!! Even if the box corner style is no to rounded corners i see a rounded corner border :(

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

More
15 years 3 months ago - 15 years 3 months ago #21065 by nicolas
Replied by nicolas on topic Re: Transparent background for Categories & Products??
Yes. The main menu color takes over when you don't specify a color for an associated module. If you remove the color of the main menu you should not have any color for the modules where you removed the color.

Note that it's always possible to override the background color in CSS... With the CSS below you can remove all the backgrounds everywhere on the front end of HikaShop:
div.hikashop_subcontainer {
background-color: transparent !important;
}
Last edit: 15 years 3 months ago by nicolas.

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

More
15 years 3 months ago #21067 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
here's an example!

background: (no value) image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/Capture-20110711.PNG

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

More
15 years 3 months ago #21069 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
nicolas wrote:

If you remove the color of the main menu you should not have any color for the modules where you removed the color.


er, sorry, would this acheive what i'm after then ? If so where is this setting exactly?

or would the css you describe achieve what i'm after completely and forever more by default?

cheers!

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

More
15 years 3 months ago #21072 by nicolas
Replied by nicolas on topic Re: Transparent background for Categories & Products??
Yes, the CSS would solve the problem and never display the background anymore on any listing.

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

More
15 years 3 months ago #21073 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
cool, and do i add the suggested css to my template's css file or one i may find in HikaShop directory?

thank you!

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

More
15 years 3 months ago #21074 by nicolas
Replied by nicolas on topic Re: Transparent background for Categories & Products??
You can put it in your template's CSS.

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

More
15 years 3 months ago #21206 by squeakstar
Replied by squeakstar on topic Re: Transparent background for Categories & Products??
done that - yay.

I also managed to remove the border from the subcategories by changing the border value to this:

div.hikashop_products div.hikashop_subcontainer{
border: 0px solid;
}

in /media/com_hikashop/css/frontend_default.css

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

More
12 years 5 months ago - 12 years 5 months ago #155811 by vinitbajaj
Replied by vinitbajaj on topic Transparent background for Categories & Products??
Hi i am recieving the same issue in the category thumbnail after upgrading to your latest version, the category thumbnails show a white background earlier they were appearing transparent now they are appearing with the white background, i added the css code it made the inner container transparent instead of thumbnail pic., please find attached the screenshot of the page.
Where as in Products listing the products appear fine. Can you please tell if i have to switch off some setting.
Last edit: 12 years 5 months ago by vinitbajaj.

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

More
12 years 5 months ago #155817 by Xavier
Replied by Xavier on topic Transparent background for Categories & Products??
Hi,

In you case the problem is the generated thumbnail. Thanks to change the settings of thumbnail generation in Configuration > Main > Images.

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

Time to create page: 0.254 seconds
Powered by Kunena Forum