Topic: how to add an image, and link the image on the sidebar for ethos

Author

Posts
June 17, 2015 at 9:45 am #304825

bloggingconsult
Participant

Hi, I just bought the Xtheme 2 days ago and I must confess its better than Genesis Themes ( which I have

been using and recommending) in terms of SEO advantages, speed and clean coding.

However, I have the following questions!!

1. How can I add AddThis social sharing vertical buttons to posts and pages ( Its just the codes i want to

insert before the </body> which will automatically show everywhere)
2. How to add images to the sidebars ( note, the images will be link- for both homepage and blog posts pages
3. Need to add related posts

Website in question is bloggingconsult.org

Thank you.

June 17, 2015 at 11:08 am #304932

bloggingconsult
Participant

Hi,

I dont need answer to the first question, but for the remaining questions, including this particular question:

3. I would like to put a social widget in my sidebar using the social icons used by the x theme ( though the icons should be bigger a little bit).

Thanks

June 17, 2015 at 1:44 pm #305095
Prasant Rai
Moderator
Hello There,

Thanks for writing in!

1) To add image in sidebar you can walk-through following tutorial:

http://www.wpbeginner.com/beginners-guide/how-to-add-an-image-in-wordpress-sidebar-widget/

2) There is no built in option for related post in X but there are plugins available for that purpose like:

https://wordpress.org/plugins/tabs-widget-popular-posts-and-latest-posts/

3) To add social icon in sidebar kindly add following code in your sidebar text widget:
```
 <div class="x-social-global">
 <a href="https://www.facebook.com/TheZenGirl" class="facebook" title="Facebook" target="_blank"></a>
 <a href="https://twitter.com/TheZenGirl" class="twitter" title="Twitter" target="_blank"></a>
 <a href="https://plus.google.com/u/0/+StacyConlon/posts" class="google-plus" title="Google+" target="_blank"></a>
 <a href="https://www.linkedin.com/in/stacyconlon" class="linkedin" title="LinkedIn" target="_blank"></a>
 <a href="https://instagram.com/thezengirl/" class="instagram" title="Instagram" target="_blank"></a>
 <a href="https://www.pinterest.com/thezengirl/" class="pinterest" title="Pinterest" target="_blank"></a>
</div>
```
You might need to style the sidebar social icons as per your preference, as the custom development is outside the scope of support.

Hope this helps. 🙂

Thank you.
June 18, 2015 at 11:16 am #306171

bloggingconsult
Participant

Thanks a lot.

I just wish the icons appears a little bit bigger.

June 18, 2015 at 12:59 pm #306292
Prasant Rai
Moderator
Hello There,

You are most welcome 🙂 . Glad we could help you 🙂

To increase font size kindly use following CSS under Custom > CSS in the Customizer:
```
.x-social-global a {
 font-size: 26px !important;
}
```
Note: Change the values as per your requirements.

Hope that helps.

Thanks.
Author

Posts