Item box background color

  • Posts: 38
  • Thank you received: 0
10 years 3 months ago #205578

-- url of the page with the problem -- : initiativeready.com
-- HikaShop version -- : 2.5.0
-- Joomla version -- : 3.3.4
-- Error-message(debug-mod must be tuned on) -- : None

Is there a way to set the default Item box background color for all product images like you can in Content Menus? I am sure there is, but I cannot find it.

See this : https://initiativeready.com/index.php/home/free-mnu
versus this
https://initiativeready.com/index.php/home/free-mnu/product/5-change-management-process

Thanks.


Cheers,
Todd

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

  • Posts: 2143
  • Thank you received: 747
10 years 3 months ago #205596

As I write this, the "item box background" is the same in both pages you linked to: in the second link (product page) it's the #eeeeee background of the "DIV" a.k.a. subcontainer.

The default setting for this you'll find under -> tab Display -> Default parameters for DIVs.
In the product listing menu/module settings you can override your default background color per individual listing - that's the intention of having the setting there as well.

If you're referring to the image thumbnail background instead (what's "left over" top/bottom or left/right when they are scaled down), which is white by default for JPGs, there are a few threads on this here already, e.g. see Jerome's post here: www.hikashop.com/forum/4-how-to/58596-ch...-product.html#203337


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 10 years 3 months ago by lousyfool.

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

  • Posts: 38
  • Thank you received: 0
10 years 3 months ago #205613

Lousyfool,

Thank you for the quick and thorough reply, but in my ignorance ot Hikashop, I assume I am saying the wrong words. I assume you are saying the code says that the right class is being used to set the color, that it is indeed set for #eeeeee, and the fact I cannot see it is some other condition I am unaware of.

I did change the image to a PNG and that got rid of the white "fill" (thank you, that annoyed me too, but was not my question). I thought that maybe the image was taking up the entire grey box hence I could not "see" the color. But after changing it to a PNG there was no difference.

To make sure we are talking about same thing I have attached two screenshots (these are in Chrome, but IE and Firefox look the same) and there is no grey colored background behind the product view that I see.

Also, my default parameters for DIVs are set with a #eeeeee, but my understanding is that this does not control the color of anything directly, it only only affects the pre-population of the forms for DIVs. Is that correct?

Prod View (no grey)



Cat View (grey)


Cheers,
Todd
Attachments:

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

  • Posts: 2143
  • Thank you received: 747
10 years 3 months ago #205621

Hmm, read your posts again a few times, and I'm still not 100% sure I understand where you want grey background, if at all. Maybe it's me, sorry.

What seems most likely to me from what you're saying is you wanting to change the image background on the product page, e.g. here: initiativeready.com/index.php/home/free-...e-management-process
If that's true and you want it to be #eeeeee, too, then add the following lines to your custom CSS:

#hikashop_main_image {
  background: #eeeeee;
}
Of course, this will only be visible if you're using PNGs with transparent background, because it's for the background of the image only, nothing else.

If I got this wrong again, best please post another screenshot with the area you want to change surrounded by a red frame, and a brief but clear description of what you want it to be like.

I do not understand what you're trying to say in that last paragraph, but the "Parameters for DIVs" do control the appearance of those "boxes" in product listings, e.g. here: initiativeready.com/index.php/home/free-mnu
Only those boxes, nothing else and sure nothing on the product page, but what the parameters control, they do control "directly", indeed. ;)


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

  • Posts: 38
  • Thank you received: 0
10 years 3 months ago #205628

The CSS change did what I want. I still need to change the rest of the images to be pngs, but reference product link I have above is now correct.

As for the last paragraph I see now that it does cascade down in the inheritance. I read something in the forum that made me think it did not. Sorry for the confusion.

Now off to my next question that I will try to explain better.


Cheers,
Todd

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

Time to create page: 0.084 seconds
Powered by Kunena Forum