Return to previous page

Social Media Icons - by mariemassephoto - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

mariemassephoto

Participant

November 9, 2014 at 21:15

I am having difficulty with social media icons. My old theme had a section which all I had to do was input my social media URLS and it was done for me. I found some icons on the net and uploaded them to my Media Library.

I read this article on WordPress.com with instructions on how to add social media icons: http://en.support.wordpress.com/add-social-media-buttons-to-your-sidebar-or-footer/

I’m trying to add the icons to my Header Bar widget as well as inside of the Static Block for the Pre-Footer row. I’ve put the code the article above suggested and tried the coding from the source of the icons in my Stacic Block (Pre Footer Row) and Widget text boxes (Header Top Bar). I also put the coding the icon source told me to in custom CSS. I’m trying to make these icons be in a nice pretty row just like the Legenda Demo pages.

Can you tell me what I’m missing to make these work in this theme? Login below.

Thank you very much in advance. I have been working on this all day and just keep hitting walls.

Please, contact administrator
for this information.

#23853 Copied

3 Answers
Eva Kemp

Support staff

November 10, 2014 at 14:41
Hello,

You added unnecessary symbols to the code for social media icons.
I’ve corrected it and added the following code into custom.css file:
```
.prefooter .custom-info-block {
   width: 50%;
}
.top-bar .languages-area .custom-info-block {
    width: 100%;
}
```
Please check the page now.

Regards,
Eva Kemp.
#23911 Copied
mariemassephoto

Participant

November 10, 2014 at 20:56

Hi there,

Thank you – those icons look perfect and are positioned perfectly. Thank you thank you thank you!

I did notice however in my Pre footer row that my Connect link and text were moved to be left aligned. I tried adding the code from the documentation for this to center ‘Connect’ and to also make the ‘We dare you to shoot for you’ right aligned, but both are going below. I tried a few variations with spacing and just can’t figure it out.

Thanks in advance,
Marie

Please, contact administrator
for this information.

#23986 Copied

Eva Kemp

Support staff

November 11, 2014 at 12:57

Hello,

I’ve edited the code for prefooter static block.
Please check it now.

Regards,
Eva Kemp.

#24052 Copied
Viewing 4 results - 1 through 4 (of 4 total)