[Skip to main content](#vessel-content) # How to change the color or remove the pane ## - **[sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile")** - [![sdhakad's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5771-sdhakad "View sdhakad's Profile") Topic Author - [ Offline](/forum/user/5771-sdhakad) Less More - Posts: 84 - Thank you received: 2 - - 14 years 9 months ago - 14 years 9 months ago [\#38232](#38232) by [sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile") *[How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#38232 "How to change the color or remove the pane marked in red box below:")* was created by *[sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile")* How to change the color or remove the pane marked in red box below: [ ![117.png](/forum/attachment/2622) ](/forum/attachment/2622 "117.png") - [ ![117.png](/forum/attachment/2622) ](/forum/attachment/2622 "117.png") [ ](/forum/attachment/2622?download=1 "117.png") Last edit: 14 years 9 months ago by [sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 9 months ago [\#38294](#38294) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#38294 "How to change the color or remove the pane marked in red box below:")* Hi, That black area displays because you're using the pane item box layout in your menu/module's hikashop options. You can use another item box layout to not have it. Or you can change the CSS of HikaShop to change it's color. The CSS code would be: .hikashop_img_pane_panel{ background-color: white !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile")** - [![sdhakad's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5771-sdhakad "View sdhakad's Profile") Topic Author - [ Offline](/forum/user/5771-sdhakad) Less More - Posts: 84 - Thank you received: 2 - - 14 years 9 months ago - 14 years 9 months ago [\#38380](#38380) by [sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile") Replied by *[sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#38380 "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. [ ![118.png](/forum/attachment/2645) ](/forum/attachment/2645 "118.png") 2. As advised, where can i find to choose another item box layout. Thanks in advance. - [ ![118.png](/forum/attachment/2645) ](/forum/attachment/2645 "118.png") [ ](/forum/attachment/2645?download=1 "118.png") Last edit: 14 years 9 months ago by [sdhakad](/forum/user/5771-sdhakad "View sdhakad's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 9 months ago [\#38508](#38508) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#38508 "How to change the color or remove the pane marked in red box below:")* For the space, that must be because of the "Pane height" option in the hikashop options of your menu/module. The hikashop options of your menu/module can be accessed by editing the menu/module via the menu Display>Content menus/modules in the back end of HikaShop. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[boussog1](/forum/user/4519-boussog1 "View boussog1's Profile")** - [![boussog1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4519-boussog1 "View boussog1's Profile") - [ Offline](/forum/user/4519-boussog1) Less More - Posts: 64 - Thank you received: 0 - - 14 years 7 months ago [\#45098](#45098) by [boussog1](/forum/user/4519-boussog1 "View boussog1's Profile") Replied by *[boussog1](/forum/user/4519-boussog1 "View boussog1's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#45098 "How to change the color or remove the pane marked in red box below:")* 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. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 7 months ago [\#45260](#45260) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#45260 "How to change the color or remove the pane marked in red box below:")* If you want to change the pane height (the semi transparent black background) in CSS, you can use that code: .hikashop_img_pane_panel{ height: 10px !important; } And if you want different heights for different listings, you will have to use such CSS: \#hikashop_category_information_module_XX .hikashop_img_pane_panel{ height: 10px !important; } where XX is the id of your module. However, the option in the modules/menus works properly as far as we know... Yes, it's normal that the content modules when created automatically are disabled. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[boussog1](/forum/user/4519-boussog1 "View boussog1's Profile")** - [![boussog1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4519-boussog1 "View boussog1's Profile") - [ Offline](/forum/user/4519-boussog1) Less More - Posts: 64 - Thank you received: 0 - - 14 years 7 months ago [\#45480](#45480) by [boussog1](/forum/user/4519-boussog1 "View boussog1's Profile") Replied by *[boussog1](/forum/user/4519-boussog1 "View boussog1's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#45480 "How to change the color or remove the pane marked in red box below:")* Thanks Nicolas! For some reason in my site although I can define the product image size when I set the pane height nothing happens ... Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")** - [![rmcdonald's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7295-rmcdonald "View rmcdonald's Profile") - [ Offline](/forum/user/7295-rmcdonald) Less More - Posts: 9 - Thank you received: 0 - - 14 years 5 months ago [\#53229](#53229) by [rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile") Replied by *[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#53229 "How to change the color or remove the pane marked in red box below:")* 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? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 5 months ago [\#53330](#53330) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#53330 "How to change the color or remove the pane marked in red box below:")* If you add CSS and you don't see the result, please flush your browser's cache. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")** - [![rmcdonald's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7295-rmcdonald "View rmcdonald's Profile") - [ Offline](/forum/user/7295-rmcdonald) Less More - Posts: 9 - Thank you received: 0 - - 14 years 5 months ago [\#53395](#53395) by [rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile") Replied by *[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")* on topic *[Re: How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#53395 "How to change the color or remove the pane marked in red box below:")* Not sure what I was doing wrong but got it working now , Thankyou Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[renewable306](/forum/user/13433-renewable306 "View renewable306's Profile")** - [![renewable306's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/13433-renewable306 "View renewable306's Profile") - [ Offline](/forum/user/13433-renewable306) Less More - Posts: 10 - Thank you received: 0 - - 13 years 8 months ago [\#90883](#90883) by [renewable306](/forum/user/13433-renewable306 "View renewable306's Profile") Replied by *[renewable306](/forum/user/13433-renewable306 "View renewable306's Profile")* on topic *[How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#90883 "How to change the color or remove the pane marked in red box below:")* 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.![8)](/media/kunena/emoticons/9.png "8)"); background-color:grey\9;[/b] filter:alpha(opacity=30)\9; text-align:center !important; Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 8 months ago [\#90925](#90925) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#90925 "How to change the color or remove the pane marked in red box below:")* 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) The following user(s) said Thank You: [renewable306](/forum/user/13433-renewable306 "View renewable306's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[renewable306](/forum/user/13433-renewable306 "View renewable306's Profile")** - [![renewable306's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/13433-renewable306 "View renewable306's Profile") - [ Offline](/forum/user/13433-renewable306) Less More - Posts: 10 - Thank you received: 0 - - 13 years 8 months ago [\#90958](#90958) by [renewable306](/forum/user/13433-renewable306 "View renewable306's Profile") Replied by *[renewable306](/forum/user/13433-renewable306 "View renewable306's Profile")* on topic *[How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#90958 "How to change the color or remove the pane marked in red box below:")* 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.![8)](/media/kunena/emoticons/9.png "8)"); background-color:white\9; filter:alpha(opacity=30)\9; text-align:center !important; Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 8 months ago [\#90972](#90972) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#90972 "How to change the color or remove the pane marked in red box below:")* 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.![8)](/media/kunena/emoticons/9.png "8)"); 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.![8)](/media/kunena/emoticons/9.png "8)"); it should do the job. The following user(s) said Thank You: [renewable306](/forum/user/13433-renewable306 "View renewable306's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[renewable306](/forum/user/13433-renewable306 "View renewable306's Profile")** - [![renewable306's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/13433-renewable306 "View renewable306's Profile") - [ Offline](/forum/user/13433-renewable306) Less More - Posts: 10 - Thank you received: 0 - - 13 years 8 months ago [\#91225](#91225) by [renewable306](/forum/user/13433-renewable306 "View renewable306's Profile") Replied by *[renewable306](/forum/user/13433-renewable306 "View renewable306's Profile")* on topic *[How to change the color or remove the pane](/forum/4-how-to/38232-how-to-change-the-color-or-remove-the-pane#91225 "How to change the color or remove the pane marked in red box below:")* Eliot your a star - Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4MjMyLWhvdy10by1jaGFuZ2UtdGhlLWNvbG9yLW9yLXJlbW92ZS10aGUtcGFuZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.084 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)