Tagged: social icons alignment
Hello!
1. I would like to align the social buttons in my top bar to the right of the site. I chose Display in top bar at the right, but this aligns the buttons to the right side of the window instead of the site. What can I do?
2. How can I add author’s description in the sidebar. I need a fullwidth image with a link to my about page and a description text?
Thank you!
Regards,
Anja
Hey lobanja!
1. Not really sure what you mean here. They are displaying on the right hand side on my end. Can you take a screenshot?
2. You can create this manually with a text widget. Here is some HTML to get you started.
<h3>Author</h3>
<img src = "URL to your image" />
<p>Here is a paragraph of text</p>
Cheers!
Elliott
Thanks, I tried with the text widget and it’s gonna work.
As for the social buttons, I’m sending you links to the photos.
Hey!
Add this to your custom CSS.
div#header_meta {
max-width: 1000px;
margin: 0px auto !important;
}
Regards,
Elliott
That works! Thanks.
When the width of the browser window is less than 1000px, the icons align to the center. How can I make them align to the right?
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 1000px) {
#header .social_bookmarks {
text-align: right !important;
}}
Best regards,
Yigit
That works. Thank you for your help!
Regards,
Anja