New Landing How can we help? Atelier Would I be able to achieve following in my header?

Viewing 15 posts - 1 through 15 (of 16 total)
  • Posted in: Atelier
  • #213923
    peter4576
    Member
    Post count: 168

    1. Thinner and lighter vertical parting-lines
    2. No “favorite list” next to basket.
    3. Text in front of each icon.

    Thank you very much

    Peter

    Attachments:
    You must be logged in to view attached files.
    #213976
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .header-left .aux-item, .header-left .aux-item:only-child{
    border-right:1px solid #E3E3E3 !important;
    }
    
    .header-wrap, #header-section .is-sticky .sticky-header, #header-section.header-5 #header {
        border-bottom:1px solid #E3E3E3 !important;
    }
    .header-right .aux-item, .header-right .aux-item:only-child {
        border-left: 1px solid #E3E3E3;
    }
    li.wishlist-item{
    display:none !important;
    }

    Thanks
    Mohammad

    #214619
    peter4576
    Member
    Post count: 168

    Oh brilliant! Thanks a million!

    #214659
    peter4576
    Member
    Post count: 168

    PS, is there a way I can add text in front? As on the image? If you could help me with just one, I could probably find out how to do the rest myself ๐Ÿ™‚

    #214951
    David Martin – Support
    Moderator
    Post count: 20834

    As per your image, this would do what you need:

    a.header-search-link.header-search-link-alt:before {
        content: "TEXT";
        font-size: 18px;
    }
    
    a.cart-contents:before {
        content: "TEXT ";
        font-size: 18px;
    }

    Thanks.

    #214988
    peter4576
    Member
    Post count: 168

    Ur the man! Only thing left is that the icons do not align with text + also the My Account has moved out of the frame ๐Ÿ™‚

    Attachments:
    You must be logged in to view attached files.
    #214994
    David Martin – Support
    Moderator
    Post count: 20834

    Please use this:

    .account-item>a>i { width: initial; }

    – David.

    #214997
    peter4576
    Member
    Post count: 168

    Hi David. Ok, so the icon-text alignment still needs fixing + my “My Account” icon has disappeared…?

    Attachments:
    You must be logged in to view attached files.
    #215004
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Looks like you removed it with your some CSS?

    .sf-icon-account:before {
        content: "Min konto";
        font-size: 14px;
    }

    You would want to change that to this:

    li.parent.account-item>a:before {
        content: "Min konto";
    }

    – David.

    #215014
    peter4576
    Member
    Post count: 168

    Ah ok got it! Thanks!!!

    #215017
    peter4576
    Member
    Post count: 168

    PS, was there a way to align the text? Like easily?

    #215022
    David Martin – Support
    Moderator
    Post count: 20834

    What do you mean align? The text looks to be aligned left of the icon?
    – David.

    #215048
    peter4576
    Member
    Post count: 168

    Sorry – what I meant was that e.g. the magnifyer is on placed top of the text. I tried to make it “centered” but with no luck. Perhaps I should use “middle” instead?

    Thanks

    Peter

    #215050
    David Martin – Support
    Moderator
    Post count: 20834

    Looks like you have remove the customisations?

    The code I gave you would make this: Text (Icon), I do not understand what you want? Text on top of the icon?

    – David.

    #215055
    peter4576
    Member
    Post count: 168

    Here you go ๐Ÿ™‚ Pls see attachment

    Attachments:
    You must be logged in to view attached files.
Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register