- Posts: 447
- Thank you received: 20
CSS Back End On Product pop up
5 years 2 months ago #335480
by davec
CSS Back End On Product pop up was created by davec
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
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;}
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;}
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
Please Log in or Create an account to join the conversation.
5 years 2 months ago - 5 years 2 months ago #335482
by Philip
Replied by Philip on topic CSS Back End On Product pop up
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 :
Hope this will help you.
Regards
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.
Please Log in or Create an account to join the conversation.
5 years 2 months ago #335502
by davec
Replied by davec on topic CSS Back End On Product pop up
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
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 or Create an account to join the conversation.
5 years 2 months ago - 5 years 2 months ago #335504
by Philip
Replied by Philip on topic CSS Back End On Product pop up
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) :
Hope this will be useful for this issue and later.
Regards
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) :
Hope this will be useful for this issue and later.
Regards
Last edit: 5 years 2 months ago by Philip.
Please Log in or Create an account to join the conversation.
5 years 2 months ago #335526
by davec
Replied by davec on topic CSS Back End On Product pop up
Hi Philip
I have checked this and the code has not been changed for that class.
I have this for the front end
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
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 or Create an account to join the conversation.
5 years 2 months ago - 5 years 2 months ago #335530
by Philip
Replied by Philip on topic CSS Back End On Product pop up
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
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.
Please Log in or Create an account to join the conversation.
5 years 2 months ago #335557
by davec
Replied by davec on topic CSS Back End On Product pop up
Hi Philip
I have sent the info via the contact form with a reference to this post.
Thanks
David
I have sent the info via the contact form with a reference to this post.
Thanks
David
Please Log in or Create an account to join the conversation.
5 years 2 months ago - 5 years 2 months ago #335559
by Philip
Replied by Philip on topic CSS Back End On Product pop up
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" :
Hope this will fit your needs and expectations.
Regards
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.
The following user(s) said Thank You: davec
Please Log in or Create an account to join the conversation.
Time to create page: 0.106 seconds