Transparent background for Categories & Products??

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #20962

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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
13 years 3 months ago #20973

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.

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #20975

That simple - doh. Many thanks! :laugh:

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

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #21059

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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
13 years 3 months ago #21060

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.

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #21063

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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
13 years 3 months ago #21065

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: 13 years 3 months ago by nicolas.

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

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #21067

here's an example!

background: (no value)

Attachments:

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

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #21069

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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
13 years 3 months ago #21072

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.

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #21073

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.

  • Posts: 82726
  • Thank you received: 13342
  • MODERATOR
13 years 3 months ago #21074

You can put it in your template's CSS.

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

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #21206

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.

  • Posts: 3
  • Thank you received: 0
10 years 5 months ago #155811

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: 10 years 5 months ago by vinitbajaj.

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

  • Posts: 13201
  • Thank you received: 2322
10 years 5 months ago #155817

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.098 seconds
Powered by Kunena Forum