Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1475626

    Hello, can you get me CSS code to increase size of Shop Account login icon in the header?’
    thanks

    I used this for the cart size;

    a.cart_dropdown_link {
    font-size: 28px !important;
    }

    #1475627

    the data-av_icon is on the following span tag:

    #top a.cart_dropdown_link {
      right: 15px;
    }
    
    #top a.cart_dropdown_link span[data-av_icon] {
      font-size: 28px;
      color: var(--enfold-header-color-color);
    }
    
    /* === to influence the counter === */
    #top a.cart_dropdown_link span.av-cart-counter {
      height: 20px;
      left: 64%;
      font-size: 18px;
      line-height: 20px;
      border-radius: 50%;
      background: var(--enfold-header-color-primary);
      color: var(--enfold-header-color-constant-font);
      margin: -22px 0 0 2px;
      padding: 2px 6px;
    }

    i inserted above the default colors – change them to your needs

    #1475629

    Just to be clear, I need to enlarge the size of the “login user” icon, not anything to do with the Cart icon. I just need the “admin account guy” larger. The one you click on to go to shop account.

    thanks

    #1475631

    yes – and your mentioned code above : a.cart_dropdown_link leads me to the wrong direction.
    But better is to post the link to that page – so i can inspect it there. – is it the priver page?
    (f.e. the demo page Enfold Shop does not have that account login icon inside main nav. it is on header_top.)

    #top #header .av-main-nav  #menu-item-wc-account-icon > a {
      color: #f19809;
      font-size: 28px;
    }

    or if you like to have a hover effect on this:

    #top #header .av-main-nav  #menu-item-wc-account-icon > a {
      color: #f19809;
      font-size: 28px;
      transition: color 0.7s ease;
    }
    
    #top #header .av-main-nav  #menu-item-wc-account-icon > a:hover {
      color: #1c60c7;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.