New Landing How can we help? Atelier Vertical alignment in Footer menu and thinner lines

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Atelier
  • #311877
    urbaba
    Member
    Post count: 24

    Hi,
    We use a four columns footer style and everything is vertically aligned except for the last column, which is a menu. We would like to align the top of the menu with the top of the other paragraphs. (see picture).

    Is it possible?

    Also, in that same menu, we would like to have thinner lines , similar to the border at the bottom (see picture).

    Thank you for your help!

    Attachments:
    You must be logged in to view attached files.
    #312093
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Will need your site url so we can have a look.
    Thanks

    -Rui

    #312732
    urbaba
    Member
    Post count: 24
    This reply has been marked as private.
    #312897
    David Martin – Support
    Moderator
    Post count: 20834

    Here you go!

    .widget ul li:first-of-type>a {
        padding-top: 0;
        margin-top: -5px;
    }
    
    .widget_archive ul>li, 
    .widget_nav_menu ul>li, 
    .widget_categories ul li, 
    .widget_recent_comments ul>li, 
    .widget_meta ul>li, 
    .widget_recent_entries ul>li, 
    .widget_product_categories ul>li, 
    .widget_layered_nav ul li, 
    .widget_edd_categories_tags_widget ul li, 
    .widget_display_replies ul li, 
    .widget_display_forums ul li, 
    .widget_display_topics ul li {
        border-width: 1px!important;
    }
    #312910
    urbaba
    Member
    Post count: 24

    Wow! You Rock!
    It worked like a charm!
    Thank you!

    #313067
    David Martin – Support
    Moderator
    Post count: 20834

    Glad to help you.

    If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

    #313965
    urbaba
    Member
    Post count: 24

    Hi David,
    I used the code you gave me and as I said, it worked really well.
    But, I just noticed the social media icons are not aligned anymore in the first column of our footer…

    Thanks for your help.

    #314183
    David Martin – Support
    Moderator
    Post count: 20834

    Change this:

    .widget ul li:first-of-type>a {
        padding-top: 0;
        margin-top: -5px;
    }
    

    To this:

    .widget ul:not(.social-icons) li:first-of-type>a {
        padding-top: 0;
        margin-top: -5px;
    }
    #314243
    urbaba
    Member
    Post count: 24

    Excellent! Thanks!

    #314245
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Glad it’s sorted. Thanks David.

    -Rui

Viewing 10 posts - 1 through 10 (of 10 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