Theme update -change - by Dittemila - on WordPress WooCommerce support

This topic has 39 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Rose Tyler

  • Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 16:44

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2018 at 08:50

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 4, 2018 at 12:54

    1 and 2 is not working?

    Avatar: catrine87
    Dittemila
    Participant
    December 4, 2018 at 12:59

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 4, 2018 at 13:13

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 4, 2018 at 13:21

    Hope you can help

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2018 at 14:43

    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;
    }

    2) http://prntscr.com/lqkqss

    #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

    Avatar: catrine87
    Dittemila
    Participant
    December 4, 2018 at 14:59

    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?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2018 at 15:55

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 4, 2018 at 17:07

    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:-)

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 5, 2018 at 09:18

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 5, 2018 at 10:07

    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?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 5, 2018 at 10:27

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 5, 2018 at 10:34

    Thank you. How can I placet it in header bottom like picture? and still have the amount 0.00 shown in basket

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 5, 2018 at 10:44

    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

    Avatar: catrine87
    Dittemila
    Participant
    December 5, 2018 at 10:48

    Thank you so so much 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 5, 2018 at 11:18

    You’re welcome!

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 5, 2018 at 20:25

    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?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 6, 2018 at 10:52

    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;
    }

    http://prntscr.com/lrf5k5

    Regards

  • 1 2
    Viewing 39 results - 21 through 39 (of 39 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.