Centering Icons in Sidebar Widget

  • I’ve got a Custom HTML widget displaying social icons on the right sidebar. At present, the icons are left-aligned by default. I’d like to have the icons centered in the widget. Not sure what code to use to do that. I know it’s likely a text-align: center command but not sure whether to put it in the Custom HTML widget, or in the Additional CSS area. Also not sure what else to include with the command (i.e., how to point it to that particular widget)

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • #custom_html-2 .textwidget{text-align:center;}

    I would suggest you place it inline as it will only affect your icons.

    
style="text-align:center;"

    If you do it in the Additional CSS, it’ll be effective across the site.

    Alternatively, you could create a class and then place it in Additional CSS but you’d still have to add it in the Custom HTML so no real advantage.

    Thread Starter RobertF

    (@photog)

    Thanks @luckychingi, that worked.

    @judgerookie, tried it and it didn’t work I’m afraid.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Centering Icons in Sidebar Widget’ is closed to new replies.