Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #973324

    Hi there,

    I have managed to edit the icon and font colors in the phone and social bar. However I used the following code to make the social icons a little bigger and still nicely centered in the middel of the bar:

    
    #header_meta {
    background: #1b98e0;
    }
    
    #header_meta .container{
        min-height: 40px;
    }
    
    #header .social_bookmarks li{
        font-size: 20px;
        border-right-style: none;
        width: 40px;
    }
    #header .social_bookmarks li a {
       width: 40px; 
       height: 40px;
       line-height: 40px;
    }
    
    #top .social_bookmarks li a {
    color: white;
    }
    .phone-info span {
    color: white;
    font-size: 14px;
    }
    

    https://dev.devq.nl

    Now the phone text in not aligned in the bar.
    What css do I need to enter it to make it nicely aligned?

    • This topic was modified 6 years, 6 months ago by insanityNL.
    #973548

    Hey insanityNL,

    I’m not seeing a phone number at all. Can you screenshot what you are looking for?

    Best regards,
    Jordan Shannon

    #973556

    It’s the text above the logo?

    Normaly used to put a phone number?

    Alignment
    As you are able to see the “Phone number section” is out of alignment with the social icons.

    • This reply was modified 6 years, 6 months ago by insanityNL.
    #973608

    Anyone?

    #973634

    Hi,

    Add this to quick css:

    .phone-info {
    padding:15px!important;
    }

    Best regards,
    Jordan Shannon

    #973648

    Thanks a lot Jordan !

    I set is to 10px so the coloring of the social icons still match wind the banner.

    This ticket can be closed ;)

    #973665

    Hi,

    I’m glad I was able to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Phone number positioning’ is closed to new replies.