Return to previous page

Social Banner - by svenizim - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 6 years, 12 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)