Return to previous page

Social Icon Position in Top Bar - by topfalade

This topic has 7 replies, 3 voices, and was last updated 9 years ago ago by Stan Russell

topfalade

Participant

December 5, 2015 at 11:55

Hi there,

I have inserted some social icons into the top bar, this was easy enough to do.

However the icons are not set in the middle of the bar, please could you tell me how to position them a few pixels lower down.

Regards

Tope

Please, contact administrator
for this information.

#102887 Copied Theme version: v 2.9.2 WooCommerce version: Version 2.4.10

6 Answers

Stan Russell

Participant

December 5, 2015 at 12:26

Hello topfalade,

please clear browser cache and check your site.

Regards,
Stan Russell.

#102893 Copied
Brian Johnson

Member

December 5, 2015 at 12:55
Hello

Please try add following code into the custom.css:
```
.languages-area i:before{transform: translateY(1px);
 -moz-transform: translateY(1px); /* Firefox */
    -ms-transform:translateY(1px); /*  IE */
    -webkit-transform: transateY(1px); /*  Safari, Chrome, iOS */
    -o-transform: transateY(1px); /*  Opera */
    transform: transateY(1px);}
```
Regards,
Brian Johnson
#102899 Copied
topfalade

Participant

December 5, 2015 at 22:39

Hi, I’ve tried this code.

It didn’t work, any other ideas?

#102941 Copied
Stan Russell

Participant

December 7, 2015 at 08:11
Hello,

please try following code:
```
.top-bar .languages-area{
  margin-top:4px;
  margin-bottom:-2px;
}
```
Regards,
Stan Russell.
#102976 Copied
topfalade

Participant

December 7, 2015 at 10:16

That did the trick, Brilliant thanks very much.

#103002 Copied

Stan Russell

Participant

December 7, 2015 at 10:38

Hello topfalade,

we are always happy to be helpful! Have a nice day!

Regards,
Stan Russell.

#103013 Copied
Tagged: positioning, seo friendly, social icons, top bar, woocommerce, wordpress themes
Viewing 7 results - 1 through 7 (of 7 total)