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

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

  • Avatar: catrine87
    Dittemila
    Participant
    December 1, 2018 at 21:43

    Hallo. After updating your theme, all my custom css files are out of control/not working.
    Can you please access and help me.

    Please, contact administrator
    for this information.
    38 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 3, 2018 at 08:30

    Hello,

    Have you cleared cache?
    In which file you added custom css code? I do not see custom.css file.
    To create custom.css you need to rename default.custom.css which is located in theme directory. Also, css code can be added in style.css file of your child theme, but as I can see, you are using parent theme on site.
    If you made changes in style.css of the parent theme, I would recommend you to use a backup and put the custom code into one of the mentioned files.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 09:50

    Before theme update, custom css was filled with css that I made. Now its all gone.
    I realle need you to acess and do the tings you say

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 09:59

    And this has happend before.
    After theme udtage a lot of changes happend to my site. You fix it last time but I dont remember what you did.
    I lost a lot of customizstion after this update

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 11:28

    will you reply please!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 3, 2018 at 13:40

    Hello,

    Have you done the backup of your files before the update? Find custom.css file in the backup, copy all the content from that file and paste in the child theme style.css.
    If you use auto update option then theme old theme folder is replaced by the new one and if you had any custom files they will be removed. In you prefer to use custom.css file instead of the child theme style.css then don’t use auto update and update manually via FTP.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 13:49

    I will try to find it in my backup..

    Can you please unable link from my mobile menu “shop”

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 13:50

    I have installed “UpdraftPlus – Backup/Restore” can you please find my custom css?
    I have no idea how to find it

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 13:53

    I found my custom css.
    Will you please help me put in in the correct place please

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 3, 2018 at 14:10

    I’ve activated the child theme on your site. You need to place the code in style.css file of child theme.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 14:16

    It says my css has 2 errors that need corrections before I can save it in style.css

    can you please access and try to paste it in and see if you can fix the errors

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 3, 2018 at 14:28

    You need to change this part of code:
    .amount{color:#000000;font-size:12px;!important;}
    to:
    .amount{color:#000000;font-size:12px !important;}
    and this one:

    .mobile-nav-shown .mobile-nav, .mobile-nav .close-block, .et-mobile-menu li > a, .et-mobile-menu li .open-child, .et-mobile-menu > li > ul > li a, .et-mobile-menu > li > ul li, .mobile-nav .search .et-mega-search form input[type="text"], .mobile-nav .mobile-nav-heading, .mobile-nav ul.links li a {
        background-color: #f9e1e0;
        border-color: rgba(231, 227, 228, 0.74) !important;
        color: #000000; !important;
    }

    to:

    .mobile-nav-shown .mobile-nav, .mobile-nav .close-block, .et-mobile-menu li > a, .et-mobile-menu li .open-child, .et-mobile-menu > li > ul > li a, .et-mobile-menu > li > ul li, .mobile-nav .search .et-mega-search form input[type="text"], .mobile-nav .mobile-nav-heading, .mobile-nav ul.links li a {
        background-color: #f9e1e0;
        border-color: rgba(231, 227, 228, 0.74) !important;
        color: #000000 !important;
    }

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 14:29

    Will you please do it for me.

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 14:30

    I will try myself

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 3, 2018 at 14:32

    I’ve added your css code into style.css file of the child theme.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 14:34

    Thank you. into works.

    Can you please help me unable the link from my drop down menu “shop” in mobile menu?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 3, 2018 at 14:53

    You’re welcome!
    Please describe the desired result in more details.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 15:04

    I will try.

    on mobile, I have a drop down menu. The drop down start is “SHOP” but shop has a link and instead of dropping down when clicking on “shop”, it takes you to a product page.
    I need “SHOP” to only drop down and show menu, and have the link removed.
    hope you understand

    Avatar: catrine87
    Dittemila
    Participant
    December 3, 2018 at 16:22

    can you understand what I mean?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 3, 2018 at 16:27
    .et-mobile-menu li#menu-item-8778 > a {pointer-events: none;}
    .et-mobile-menu li#menu-item-8778 .open-child {
        width: 100%;
        position:  absolute;
        background-color:  transparent;
    }
    .et-mobile-menu li .open-child:after {
        right: 10px;
        left:  unset;
    }
    .et-mobile-menu li .open-child:hover {
        background-color:  transparent;
    }

    Regards

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

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

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

Helpful Topics

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