[Skip to main content](#vessel-content) # CSS Back End On Product pop up ## - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 5 years 2 months ago [\#335480](#335480) by [davec](/forum/user/7092-davec "View davec's Profile") *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335480 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* was created by *[davec](/forum/user/7092-davec "View davec's Profile")* Hi I have a site which has a dark background so the text has been set as white by adding the following Code: \#hikashop_product_right_part {color:#fff;} I also hade to add additional css rules such as Code: .hikashop_product_name_main {font-size:1.3rem;color:#fff;} & Code: .hikashop_product_custom_eta_line {font-family:Alpaca; color: #fff; font-weight:bold;} to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David - [ ![screenshot-2021.09.07-12_33_01.png](/forum/attachment/53505) ](/forum/attachment/53505 "...7-12_33_01.png") [ ](/forum/attachment/53505?download=1 "...7-12_33_01.png") - [ ![screenshot-2021.09.07-12_33_25.png](/forum/attachment/53506) ](/forum/attachment/53506 "...7-12_33_25.png") [ ](/forum/attachment/53506?download=1 "...7-12_33_25.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 5 years 2 months ago - 5 years 2 months ago [\#335482](#335482) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335482 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hello, Your popup is display in your backend product page container, that's why when you elaborate a general selector (container class) it's normal your command css impact "***all***" in this container. And so, sometimes you have to add another css command, like this by example : Code: .produxt_backend_page_class .popup_class { color: black; } Hope this will help you. Regards Last edit: 5 years 2 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 5 years 2 months ago [\#335502](#335502) by [davec](/forum/user/7092-davec "View davec's Profile") Replied by *[davec](/forum/user/7092-davec "View davec's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335502 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hi can you please be a bit more specific such as which class is the pop up. The one I refer too is the when you click on a product in the customer orders. Thanks David Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 5 years 2 months ago - 5 years 2 months ago [\#335504](#335504) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335504 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hello, Yes, in your case this must be the class "***vex-content***" but maybe you have change some settings. And so, in this kind of case it's better to use the navigator's inspector tool, follow me step by step : **1.** Point your element and **right-click** **2.** Select **inspect**, or **inspector tool** **3.** You will see your **html** (and the css) : [ ![alt](https://i.ibb.co/sKxJCx9/inspect-tool.png) ](https://i.ibb.co/sKxJCx9/inspect-tool.png "alt") Hope this will be useful for this issue and later. Regards Last edit: 5 years 2 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 5 years 2 months ago [\#335526](#335526) by [davec](/forum/user/7092-davec "View davec's Profile") Replied by *[davec](/forum/user/7092-davec "View davec's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335526 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hi Philip I have checked this and the code has not been changed for that class. Code: .vex.vex-theme-default .vex-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "Helvetica Neue", sans-serif; background: white; color: #444; padding: 1em; position: relative; margin: 0 auto; max-width: 100%; width: 450px; font-size: 1.1em; line-height: 1.5em; I have this for the front end Code: \#hikashop_product_description_main { color: #fff; } I would have hoped that by applying the same code to the back-end CSS and changing the colour it would be fixed? I have even changed this to .hikashop_product_description_main but the text is still white Thanks David Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 5 years 2 months ago - 5 years 2 months ago [\#335530](#335530) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335530 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hello, Let's save time, provide a backend access please, because unless your Css selector haven't enough priority, I don't really understand what's blocking you. Can you provide a **backend url** & **user backend** references (with maximum acl). Awaiting your elements to be able to progress on your subject. Regards Last edit: 5 years 2 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 5 years 2 months ago [\#335557](#335557) by [davec](/forum/user/7092-davec "View davec's Profile") Replied by *[davec](/forum/user/7092-davec "View davec's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335557 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hi Philip I have sent the info via the contact form with a reference to this post. Thanks David Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 5 years 2 months ago - 5 years 2 months ago [\#335559](#335559) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[CSS Back End On Product pop up](/forum/26-product-category-display/903155-css-back-end-on-product-pop-up#335559 "Hi I have a site which has a dark background so the text has been set as white by adding the following I also hade to add additional css rules such as & to display white text. The issue is with the back end and the pop up for products on customer orders as the text is white and cannot be seen, screenshots attached. I have tried adding it to the backend css #hikashop_product_right_part {color:#000!important;} but this hasn't made any difference. I would appreciate some guidance please? Thanks David")* Hello, I have process the custom, I let you have a look at it, the small subtlety that escaped me is that this customization had to be placed in the **Frontend css file** and not that of the **backend** ... I add this code, at the end of your "**frontend\_custom.css**" : Code: /* BACKEND CUSTOM for product popup in order view */ .contentpane.modal div#hikashop_product_description_main { color: #000 !important; } Hope this will fit your needs and expectations. Regards Last edit: 5 years 2 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [davec](/forum/user/7092-davec "View davec's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDMxNTUtY3NzLWJhY2stZW5kLW9uLXByb2R1Y3QtcG9wLXVwP3RtcGw9bWFya2Rvd24=) 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.105 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)