How to change the color or remove the pane

How to change the color or remove the pane marked in red box below:

Thanks for the quick reply. Some more help needed, please:


1. How to remove the extra space between the product photo and the black pane. i am not able to find it in CSS.

Hello,

I am trying to change the pane height for each menu/module individually. I have found the CSS height property which affects all panes in the site (div.hikashop_subcontainer_border), have disabled them, but no matter what value I put in the menu and module height fields, nothing happens.

Btw, all my display content modules are NOT enabled (that's how they appear when created by the system as a result of a new menu creation). Is this how it is supposed to be?

Thanks,
George.

Thanks Nicolas! For some reason in my site although I can define the product image size when I set the pane height nothing happens ...

Hi I have attempted to change the CSS file as you suggest above to remove the background box but it is not changing - any suggestions?

Not sure what I was doing wrong but got it working now , Thankyou

Hi,

I'm trying to change the colour/transperancy of the black img_pane box. I've altered the front end CSS as below. Should this change it? What am I missing?

.hikashop_img_pane_panel{
position: absolute;
bottom:0px;
background: rgba(0,0,0,0.;
background-color:grey\9;[/b]
filter:alpha(opacity=30)\9;
text-align:center !important;

Hi there,

You should take a look at your css, I believe the .hikashop_img_pane_panel part is diplicated so you must have edited the first one (and the second one is overriding it)

Hi Thanks for your reply.

I can see that there is a duplicate CSS entry. I've now changed this to a single entry of this code snippet as below. Still no change though to the original black setting & opacity. Is there another global setting or config setting somewhere?

.hikashop_img_pane_panel{
position: absolute;
bottom:0px;
background: rgba(8,8,0,0.;
background-color:white\9;
filter:alpha(opacity=30)\9;
text-align:center !important;

Hi there,

Are you sure your are using the custom css? I mean, is the selected front-end css file named "custom"?
also this rule background: rgba(8,8,0,0.; is true for every navigator while this one background-color:white\9; is for IE so you shoudl edit the first one.
Indeed, the values are too close to black.
Try something like background: rgba(255,255,255,0.; it should do the job.

Eliot your a star - Thanks