Home › Forums › All Other Themes › How to right align header items ?
- This topic has 8 replies, 2 voices, and was last updated 4 years, 3 months ago by Sonl Sinha.
-
AuthorPosts
-
June 16, 2020 at 7:09 pm #154793
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
June 17, 2020 at 7:34 am #154844Hi,
Kindly show us your website URL please?
Regards,
DaveJune 17, 2020 at 8:14 am #154850hi, sorry, I thought I had. https://www.thenestsouthwark.org.uk/
thanks
June 18, 2020 at 9:50 am #154900Hi,
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,
DaveJune 18, 2020 at 12:17 pm #154917hi, 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?
thanks
June 19, 2020 at 6:58 am #154949Hi,
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,
DaveJune 22, 2020 at 4:37 pm #155178hi Dave, I have emailed you the details you require. Thanks
June 23, 2020 at 2:35 pm #155382hi, 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?
thanks
June 24, 2020 at 7:26 am #155445Hi,
Kindly use this CSS to add top padding.
.head-info-area .left { padding-top: 30px; }
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.