This topic has 7 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Jack Richardson
Hi!
I want to know how I change the color on the search icon and the text “shopping bag 0.00 SEK” when displaying the mobile version.
They are currently #6f6f6f when rezising to mobile version.
I use wordpad to search for objects with color 6f6f6f but I cant find the right code to change.
When using chrome it says that the line i should change is
media=”all”
@media (max-width: 979px)
.header5 .shopping-cart-widget .cart-summ > a {
color: #6f6f6f;
and
media=”all”
@media (max-width: 979px)
.top-bar .search .search-link:before {
content: “\e614”;
font-size: 16px;
font-family: “arrows”;
line-height: 30px;
color: #6f6f6f;
However I cant find those lines in the css files.
Try add this code into custom.css file.
@media (max-width: 480px){
.header5 .shopping-cart-widget .cart-summ > a,
.shopping-cart-widget .cart-summ > a:before{
color:red;
}
}
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.
I’ve done what you told me and what the youtube video tells me, however the changes doesent show on my webpage. It does apear in custom css file, and custom css is enabled…
Hello,
Please provide us with wp-admin access in Private Content.
Regards,
Jack Richardson
Hisere it
Here it is
Hello,
Please provide us with rights to be able use theme files editor and edit custom.css file.
Regards,
Jack Richardson
Tagged: change color, mobile menu, search button, shopping bag, themes, woocommerce, wordpress
The issue related to '‘Change color on search button and "shopping bag" in mobile menu’' has been successfully resolved, and the topic is now closed for further responses