Return to previous page

Social Banner - by svenizim - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Rose Tyler

svenizim

Participant

April 27, 2017 at 10:10

HI,
I have created a share us banner and all my icons work. But they look different
in the pages.
https://svencino.co.za/ looks different to https://svencino.co.za/2016/05/23/cases-in-the-making/

I want hem all to look like the second one.
Please help
Regards
Cristina

#161461 Copied Theme version: Legenda v 0.0.1.1492500846 WooCommerce version: Version 3.0.4

5 Answers
Rose Tyler

Support staff

April 27, 2017 at 12:19
Hello,

Please add this code in Custon css:

.prefooter p{ display: inline-block; margin-bottom: 10px; margin-top: 14px; padding-left: 5px; } .prefooter p .share-title{ border: none; margin-bottom: 0; padding-bottom: 0; } .prefooter .etheme-social-icons{ display: inline-block; width: auto; float: right; margin-bottom: 0; } .prefooter .etheme-social-icons li{ margin-right: 0; } .prefooter .etheme-social-icons .share-facebook:hover{ background-color: #3b5a9b ; } .prefooter .etheme-social-icons .share-twitter:hover{ background-color: #32ccfe ; } .prefooter .etheme-social-icons .share-email:hover{ background-color: #e7d900 ; } .prefooter .etheme-social-icons .share-pintrest:hover{ background-color: #e54f63 ; } .prefooter .etheme-social-icons .share-google:hover{ background-color: #d62408 ; } .prefooter .etheme-social-icons li:hover a{ color: #fff; } .prefooter .double-border{ border: 1px solid #ebebeb ; margin-bottom: -1px; } .prefooter .etheme-social-icons a{ font-size: 18px; color: #6f6f6f ; padding: 10px; text-align: center; border-left: 1px solid #ebebeb ; width: 30px; height: 30px; line-height: 30px; display: inline-block; }

How to create custom.css you can watch in this tutorial https://youtu.be/Qok2zRedRMY

Regards,
Rose Tyler.
#161472 Copied
svenizim

Participant

April 27, 2017 at 12:27

HI Rose.
I had a look at the video and for some reason I do not have editor button on my Appearance folder. to be able to add the CSS code.

Regards
C

#161474 Copied

Rose Tyler

Support staff

April 27, 2017 at 12:33

Hello,

You should rename the default.custom.css file to custom.css.

Regards,
Rose Tyler.

#161477 Copied

svenizim

Participant

April 27, 2017 at 16:00

Hi Rose,
I did manage to go and make the rename but I still dont have the editor button. 🙁

#161535 Copied

Rose Tyler

Support staff

April 27, 2017 at 16:06

Hello,

In this case, use FTP to add css code in custom.css file.

Regards,
Rose Tyler.

#161540 Copied
Viewing 6 results - 1 through 6 (of 6 total)