Change background colour of product descirption

-- url of the page with the problem -- : khatalapetlodge.com.au
-- HikaShop version -- : 2.2.3
-- Joomla version -- : 3.2
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hi, I want to create a box format around my product description, but cannot find a solution to my problem. There should either be aan outline surrounding my text, or the background should be white, whichever is possible!I have attached a photo of the current look.

Hi, I have changed the settings! you may now look at website, it is online! Thank you

Hi,
Using that CSS code will probably do the job :

#hikashop_product_description_main {
background-color: white;
margin-left: 50%;
}

Hi, just another quick question! I changed the colour of the 'add to cart' button, but now I want to change the colour of the ' Choose Options' button. I couldnt find the correct code for the 'Choose Options button'. The code I used for the 'Add to Cart' button was

.hikashop_product_stock .hikashop_cart_input_button{
background: #B51C05 !important;
}

Using that CSS code will do the job :

.hikashop_cart_input_button {
background: #B51C05 !important;
}

Hi!
I write here to avoid opening a new topic!

I'd like to add a Background image instead of an hex. color in the Category page that shows the products thumbnails
(this is the page on the site www.aswebgraph.com/vet/index.php/shop )
Does the same css work?

oooh that's one great new!
It should be put inside the main css file of my template?

Hi,

Yes, or in the hikashop frontend css file which can be found through the menu Configuration > Display > CSS.

Tnx Xavier,
I tried to add it via frontend, but it didn't work.

I went to the Configuration, then "Display", then "CSS" and selected the "pencil" near the "Site CSS" (not sure about the translation, I read it in Italian, and opened the "frontend_custom.css"
This is the code i Added

#hikashop_category_information_module_107 div.hikashop_subcontainer {
background-image: url(" www.aswebgraph.com/vet/sfondo50.png ");
}

Here is the page showing the category
www.aswebgraph.com/vet/index.php/shop

Hi,

Please try to apply the property on:

#hikashop_category_information_module_107 div.hikashop_subcontainer thumbnail {
background-image: url("www.aswebgraph.com/vet/sfondo50.png") !important;
}

Sorry for jumping in, but there seem to be some misunderstandings here... unless I'm completely wrong.

1. The URL in the "background" should be a proper relative or absolute one, meaning for the latter case it should include the "http://". So, the line should be

background-image: url("http://www.aswebgraph.com/vet/sfondo50.png");

I'd like to add a Background image instead of an hex. color in the Category page that shows the products thumbnails

#hikashop_category_information_menu_121 {
    background-image: url("http://www.aswebgraph.com/vet/sfondo50.png");
}

Ok, but before we go on:

THANKS

this is not what I usually see when I browse a forum looking for a non-standard solution, you are doing really a good Job..
That makes me want to switch to Hikashop for all my ecommerce websites, as soon as possible!

Back to the topic
www.dropbox.com/sh/kwlr1uzwf12eerd/AACnp...UOHA3W8B4MExjua?dl=0

Here's the screen you requested

@stefanobellu:
A whole lot could be said about your background image, but let me try to make it short. You may then use some of it, as well as try to use other sources for gaining more knowledge of CSS (e.g. the documentation here and elsewhere on the web) and using Firebug or another browser console, so you're able to solve this and other display mysteries yourself.

Please note that all CSS here will be limited to this exact product listing only!
To be safe the code works, you should add it at the very end of your HikaShop frontend_custom.css file.

1. Transparency of product thumbnails:
I don't think you want this (as the display would become "overloaded" with imagery, and the product titles very hard to read), but If you want the background image to "shine through" the thumbnails, too, you should try out such CSS:

#hikashop_category_information_module_107 div.hikashop_subcontainer {
    background: rgba(0, 0, 0, 0) !important;
}

#hikashop_category_information_module_107 .hikashop_product_image {
    height: auto !important;
}

#hikashop_category_information_menu_121 .hikashop_submodules {
    background: url("http://www.aswebgraph.com/vet/sfondo50_small.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#hikashop_category_information_menu_121 .hikashop_products {
    background: url("http://www.aswebgraph.com/vet/sfondo50_small.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

Thanks a lot "Lousyfool"

I'm just starting to get some grasp of CSS, but those works couldn't wait for my stubborn head to be ready!

I just revised something, and it already looks better (the panel height was unbearable, now it's much better).

For sure that BG wouldn't be the choosen one, I needed to find a solution as quick as possible so just didn't care about making the ultimate BG, just grabbed what I had and put it all together..

I'll make the right one right away so you can see the results of your precious help!

Thanks for helping everybody!