Question

Hello
any chance to add Social Media Icons on the white area?
see the photo please..

http://www.ru-w.info/pic.php?u=47kqjL&i=21

thank you

Hi

You could use a plugin to achieve that or other way would be to edit the theme files and add the share buttons in code. You need to edit every post template used and also every page template: http://screencast.com/t/zir9Tn4Kz and create a new container between header and the post/page content. Note that you have to apply some css style on this container in order to be displayed fine on the page.
This is a complex task and i can’t provide a solution now. If you can’t do this yourself my advice is to find someone to help you with it as we can’t offer custom work at the moment.

Thanks!

thank you Andrei.
i need it on homepage only.. can you help me with that?

Hi

The new container must be added in page.php file like here: http://screencast.com/t/7sST7ry5pA9D Also you will need this basic css in theme panel > custom css:

.social-share{
float: left;
margin-left: 90px;
width: 250px;
}
.td-container{
clear: right;
}

To generate the code for social share buttons you can use the code used by the theme for share buttons from post content: http://screencast.com/t/Xm3p5kbjz and customize such that to display the share buttons on a page. Also you can use a plugin for sharing buttons and just echo out its shortcode using do_shortcode function:

echo do_shortcode('social-share-shortcode');

Thanks!

thank you
which plugin work with this code echo do_shortcode('social-share-shortcode'); ?

Hi

You have to check the plugins documentation if the plugin generate shortcodes and if does you can use them inside the indicated function. One of the social share plugins which generate shortcodes is WP Social Sharing: https://wordpress.org/plugins/wp-social-sharing/

Thanks!

thank you Andrei

i install the plugin you gave me and add the css .. but the my page.php file Different from the photo you add.

this is my file. can you do it for me please..

http://www.screencast.com/t/vYC0YUPB4uZB

Hi there
i found another plugin and its look easy..
after install it and creat icons set i add this code to the header file

<?php echo do_shortcode('[aps-social id="1"]')?>

and i get the icons on homepage.. but its look like this..

how to make it work well?

http://ru-w.info/test/

thanks..

also how to hide icones on mobile website

Hi

Try this css:

.aps-group-vertical{
width: auto!important;
}
@media (max-width: 768px){
.aps-social-icon-wrapper .aps-group-vertical {
display: none!important;
}
}

Please consider that we can’t offer plugin implementation support so if you need a different approach on this my advice is to look for a developer to help you with it.

Thanks!

thank you

i need to be like this site http://www.wrc.com/en/

vertical icons

Hi

Try this css: http://screencast.com/t/hzrmTlyP

.aps-social-icon-wrapper{
position: fixed;
left: 0;
top: 20%;
z-index: 10;
width: 64px;
}

Thanks!

great thank you
but the white area become Wider then the live site..

you can check it here
http://www.autosport.me/

http://ru-w.info/test/

How to make the white area the same please?

the white area become Wider then the live site..

you can check it here
http://www.autosport.me/

http://ru-w.info/test/

How to make the white area the same please?

also i want to hide it from mobile design. its ugly ..

Hi

Use this css to hide the the buttons on mobile devices:

@media(max-width: 768px){
.aps-social-icon-wrapper{
display:none;
}

The white area have the same width on both sites: http://screencast.com/t/ipEyyyPoky0R
Thanks!

thank you andy
could you please help me to move icons Rows to right?

Hi

Use this css: http://screencast.com/t/kthHiGpoq

.aps-social-icon-wrapper{
right: 0;
}

Thanks!

Hello andy

the code you give me to hide the icons on mobile design work fine, but the icons show up for sec and disappear,

how to hide them Permanently?

http://www.screencast.com/t/EM2sDMqi3T

thanks

btw, the css code already in css.style file

Hi

This could happen because those icons are generated by a plugin and it’s css my load before theme’s css. To avoid that try to add the css directly in plugin’s min css file so the code to load directly with plugin’s style.
Note that we didn’t tested this plugins with the theme and we’re not aware of of’s functionality and it’s possible to be required others custimztions in order to achieve the desired result.

Thanks!