This topic has 39 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Rose Tyler
Thank you it works great:-)
Can you help me with 3 changes:
1. Can I change the header background to #f9e1e0
2. Can I cange hover color to #FFD4D2 (all linkable text, menu, footer ect)
3. Can I place this text in menu top bar after language switcher:
Levering 1-2 dage | 14 dages returret | Fragt 29 dkk
Hello,
1)
.header-wrapper {
background-color: #f9e1e0;
}
2) You can change Main Color in Theme Options > Color scheme or add this custom css code:
a:hover, .products-grid .product .product-name a:hover,
.top-bar .wishlist-link a:hover span{
color: #FFD4D2 !important;
}
3) Add Text widget in Apperance > Widgets > Place in header top bar.
Regards
1 and 2 is not working?
1 is working on mobile when clicking product name.
Please see this website http://www.littlemissperfect.dk
when putting the mouse over the menu it gets pink. please try and see if you can help me get this effect on my menu, footer and product text please
1. I need the header, menu and drop down menu to be color #f9e1e0
and the hoover color to be #FFD4D2 and not gray. big screen and mobile
Hope you can help
1) I do not see http://prntscr.com/lqkok4 in style.css of your child theme. Please add the code and clear cache before checking the result.
If this doesn’t work, try to add !important;
like –
.header-wrapper {
background-color: #f9e1e0 !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
background-color: #f9e1e0;
}
http://prntscr.com/lqkrft – clear cache and check.
Please provide screenshots of every part that needs to be changed.
Regards
can you let me know how I add a picture in here?
And can I make the search block in header pink too?
In mobile menu my drop down “shop” text is missing?
1) You can use such screenshot maker as Lightshot https://prnt.sc/
2)
.header .search .et-mega-search form input[type="text"] {
background-color: #f8e1e0;
border-color: #dbdbdb;
}
3) Please clear cache and check now.
Regards
thank you it worked.
please see picture http://prntscr.com/lqn2vs
When you hoover over the text the box gets pink and text white.
This is the effect I am looking for:-)
You’re welcome!
Please try this code:
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover {
background-color: #f8e1e0;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover a {
color: white;
}
.main-nav {
padding: 0;
}
Regards
Thank you it works great:-) I have just one more issue on mobile.
1. please see http://prntscr.com/lqxi78 how can I change the mobile menu symbol and shopping dasket symbol, and placet it in header bottom.
2.Please see http://prntscr.com/lqxj8a how can I make the white plus black.
I thing I have to change the images in ftp you told once?
1)
@media (max-width: 480px){
.header .shopping-cart-widget .cart-summ .amount {
font-size: 0px !important;
}
.shopping-cart-widget .cart-summ > .cart-bag:before {
content: "\f291";
font-family: FontAwesome;
font-size: 16px;
color: #0000009c;
}
.side-area-icon i:before, .menu-icon i:before {
font-size: 15px;
background-color: #635c5b;
padding: 3px 10px;
}
.header .menu-icon {
left: 35px !important;
top: unset;
bottom: 38px;
}
.header .shopping-cart-widget{
bottom: 0;
top: unset !important;
margin-top: 0px !important;
}
}
2) To change color of “+” icons you need edit the file wp-content/themes/legenda/images/small-plus.png as they are loaded from it.
Regards
Thank you. How can I placet it in header bottom like picture? and still have the amount 0.00 shown in basket
Please change the code to:
@media (max-width: 480px){
.shopping-cart-widget .cart-summ > .cart-bag:before {
content: "\f291";
font-family: FontAwesome;
font-size: 15px !important;
color: #0000009c;
}
.side-area-icon i:before, .menu-icon i:before {
font-size: 15px;
background-color: #635c5b;
padding: 3px 10px;
}
.header .container .menu-icon {
left: 34px !important;
top: unset;
bottom: 20px;
}
.header .container .shopping-cart-widget{
bottom: -18px;
top: unset !important;
margin-top: 0px !important;
}
.shopping-cart-widget .cart-summ > .cart-bag {
margin-left: 0px;
padding-left: 0;
}
}
Regards
Thank you so so much 🙂
You’re welcome!
Regards
Hai Rose, Iam so afraid to make a change the theme.
To change color of “+” icons you need edit the file wp-content/themes/royal/images/small-plus.png as they are loaded from it.
Is it possible for you to help me with this?
Hello,
You need to replace this image http://lecc.dk/wp-content/themes/legenda/images/small-plus.png with the desired one in wp-content/themes/legenda/images folder
or add this custom css code:
.et-mobile-menu li .open-child:after {
background-color: #635c5b;
}
.mobile-nav-shown .header .container .shopping-cart-widget {
bottom: 13px !important;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up