Docs

[socialup]

site: http://socialup.it

Hi, we’ve enabled both the topbar and footer social, and none of the social icons are showing up 🙁 Help?

[Christian]

Hey there,

Please ensure you’ve entered your social URLs in Appearance > Customize > Social. If that has been setup, please give us access to your WordPress admin in a private reply.

Thanks.

[socialup]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thanks for providing the credentials! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-social-global a {
    color: black !important;
}
.x-social-global a:hover {
    color: #8f8fe8 !important;
}

Let us know how this goes!

[socialup]

Thanks so much! It’s worked now! But is there any way to:
1. get rid of the extra space below the footer widgets?
2. change the background colour of the bottom most footer space (where the icons are)
3. change the colour of the footer icons only
4. line up the top of the header icons with the logo

Sorry for asking so much, we’ve just started on the theme yesterday! 🙂

[Rue Nel]

Hello There,

Thanks for the updates!

1] To get rid of the extra spaces below the footer widgets, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.top .x-column .widget .x-section {
    margin-bottom: 0;
    padding-bottom: 0;
}

.x-colophon.top {
    padding-bottom: 3%;
}

2] To change the background color of the footer where the icons is located, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-colophon.bottom {
    background-color: #000;
}

3] To change the color of the icons in your footer, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-colophon.bottom .x-social-global a {
  color: red;
}

4] And to line up the social icons in your header with the logo, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
.x-topbar .x-topbar-inner {
position: relative;
}

.x-topbar .x-social-global {
position: absolute;
top: auto;
right: 0;
bottom: -50px;
}
}`

We would loved to know if this has work for you. Thank you.

[socialup]

Works PERFECT! Thanks so much for your help 😀

[Thai]

If you need anything else please let us know.

[Author]

Posts