Stack icons horizontally instead of vertically

  • Resolved daniellejoy

    (@daniellejoy)


    10 years, 7 months ago

    I’m adding some social media icons to my website by copying some code to a text widget. The problem is, when I add multiple icons they stack vertically, but I want them to stack horizontally. Can I add some code to the custom CSS box that will prevent the icons to stack vertically? Thanks in advance!

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

  • Can you post a link? You can use the virtue: social widget.

    Kadence themes

    Thread Starter daniellejoy

    (@daniellejoy)

    Thank you for your reply!

    https://daniellejoy.org

    I don’t want to use Virtue’s widget because I don’t like the icons. As you can see on my site, I have downloaded JPEG’s of the icons I want to use, linked them to the corresponding social media, and have copied the HTML code in a text widget. I would, however, like to stack the icons horizontally (put them next to each other) instead of aligning them vertically like they are now. Could you please tell me how to do this?

    I can’t seem to get anything to load when I try your link?

    Kadence Themes

    Thread Starter daniellejoy

    (@daniellejoy)

    I’m so sorry! I had installed a plugin that caused the problem, but I deactivated it so the problem is fixed now. Please try again!

    add this to your custom css box in the theme options > advanced settings:

    .widget-4 .textwidget a img {
margin: 5px;
float: left;
padding: 0;
border: 0;
}

    Kadence Themes

    Thread Starter daniellejoy

    (@daniellejoy)

    Yes! Thank you so much! It works!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Stack icons horizontally instead of vertically’ is closed to new replies.