Docs

[twigglee]

Hi there,
I have a couple of requests. I’d like to:
1) put a title above my social icons “FOLLOW US” (with same font/color as “NAVIGATION” and “CONTRIBUTE” on the left).
2) edit the color of my social icons in the footer as well as the hover-over color.
3) make social icon size a bit bigger.
website: http://twigglee.com/
Thank you!! 🙂

[Rupok]

Hi there,

Thanks for writing in!

#1. You can add this under Custom > JavaScript in the Customizer.

jQuery ( function( $ ) { 
  $('.x-colophon .x-social-global').prepend('<h4 class="h-widget">Follow Us'); 
} );

Then add this under Custom > CSS in the Customizer.

.x-colophon .x-social-global .h-widget {
  margin-top: -7px;
}

#2 & #3. You can add this under Custom > CSS in the Customizer.

.x-colophon.top .x-social-global a {
  color: #fff;
  font-size: 30px;
}

.x-colophon.top .x-social-global a:hover {
  color: #f54;
}

Let’s change the color code with your own.

Hope this helps.

Cheers!

[Author]

Posts