Docs

[tlwoods]

Stack: Renew
Url: Reclaimnewyork.org
Most recent version

Our website was just migrated and everything went fine except for the social media icons in the topbar and the footer. We’re using the theme icons and for some reason, they got knocked out of alignment (see attached).

Any advice?

[Rahul]

Hey There,

Thanks for writing in!

Please add at Appereance > Customizer > Custom > CSS

.x-colophon.bottom .x-social-global a {
  font-size:59px;

Hope this helps!

[tlwoods]

That helped on the bottom but the background circle is still somewhat visible. Is there a way to make it disappear entirely?

Also, this doesn’t fix the problem in the top bar at all.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-social-global a:hover {
    background: none;
}

Hope it helps

Joao

[tlwoods]

This still doesn’t work. With this:

.x-social-global a {
    background: none;
}

the circles are gone when you’re not hovering.

With what you gave me, the circles are there no matter what you do.

Is there a way to simply re-center the icons in the circles?

[Jade]

Hi there,

To recenter the icons, please try this:

.x-topbar .x-social-global a i {
    top: 7px;
    display: inline-block;
    position: relative;
}

Hope this helps.

[Author]

Posts