Images inline

  • Resolved mikele10

    (@mikele10)


    7 years, 5 months ago

    Hi there. I am trying to get my social icon images inline but they keep stacking on top of of one another instead of side by side. If you go to this link and click ‘sign in’ in the top right you’ll see my issue.

    https://ideas.straightupbusiness.institute/

    I’ve tried adding css:

    .wp-social-login-provider-list img{
    display: inline-block;
    }

    With no luck. Any help would be greatly appreciated.

    Thank you.

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

  • Hello! I didn’t see any social icons on that page.Sorry I see it now!

    • This reply was modified 7 years, 5 months ago by keyadigital.

    Do you have the ability to remove the “<p>” tags?

    Thread Starter mikele10

    (@mikele10)

    I do. I just actually tried that and it didn’t seem to help. Thanks for your time keyadigital.

    Any other suggestions?

    Yes! You can use float:left; on the items, and then just add some right margin or padding. Let me know if that works for you!

    Thread Starter mikele10

    (@mikele10)

    Figured it out! Basically I used the css class instead of the manual shortcode option and that fixed it.

    Thanks keyadigital for your time.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images inline’ is closed to new replies.