How to right align header items ?

Home Forums All Other Themes How to right align header items ?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #154793
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    Theme:SKT Design Agency pro

    I’d like to move the email & phone contact details to align to the right. The code I’m using for them is;

    <i class=”fa fa-envelope” aria-hidden=”true”></i> [email protected] <i class=”fa fa-phone fa-1x”></i> 020 8138 1805 (freephone)

    https://www.thenestsouthwark.org.uk/

    thank you

    #154844
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Dave

    #154850
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    hi, sorry, I thought I had. https://www.thenestsouthwark.org.uk/

    thanks

    #154900
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .head-info-area .right { float:left !important;}
    .head-info-area .left { float:right !important;}

    Regards,
    Dave

    #154917
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    hi, thanks but, that just floats the block, it doesn’t align the phone no & email to the right.

    I what them to be aligned to the right, under the Southwark logo.

    Also, can you give me the code to add to this image code, to allow me to add some padding to the top if the image please?

    Image

    thanks

    #154949
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

    Okay, Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

    We’ll check and revert back to you.

    Regards,
    Dave

    #155178
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    hi Dave, I have emailed you the details you require. Thanks

    #155382
    Rachel KirkRachel Kirk
    Participant
    • Topics: 43
    • Replies: 108
    • Total: 151
    Member since: October 25, 2019

    hi, thanks for right aligning the text in the header. However you haven’t responded to my other request.

    Can you give me the code update to add to this image code (below) to allow me to add some padding to the top of the image please?

    Image

    thanks

    #155445
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30906
    • Total: 30906
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS to add top padding.

    .head-info-area .left {
        padding-top: 30px;
    }

    Regards,
    Dave

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.