-
AuthorPosts
-
January 23, 2025 at 6:55 am #1475626
Hello, can you get me CSS code to increase size of Shop Account login icon in the header?’
thanksI used this for the cart size;
a.cart_dropdown_link {
font-size: 28px !important;
}January 23, 2025 at 7:46 am #1475627the 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
January 23, 2025 at 8:06 am #1475629Just 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
January 23, 2025 at 8:59 am #1475631yes – 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; } -
AuthorPosts
- You must be logged in to reply to this topic.
