How to get images on the same row in footer widget?

  • Resolved boppar

    (@boppar)


    1 month, 4 weeks ago

    Regarding widgets. In my footer I have 4 columns. In the third columns I want to add 4 images (Klarna, Swish, Visa and Mastercard) on the same row. I add them as media. However they doesn’t show up on the same row, instead they show up on top of each other.

    https://ibb.co/Wp4CmYqT

    How do I get them next to each other on the same row?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • shahzeen(woo-hc)

    (@shahzeenfarooq)

    1 month, 3 weeks ago

    Hi there!

    You can align them on the same line in two ways:

    Method 1:
    You can use the four-column layout in the third widget and add each image in a separate column.

    Method 2:
    You can use the following CSS code to align them in one line.

    .block.footer-widget-3 img{
        display: inline-block !important;
        width: 25% !important;
    }

    When you use the above code, the Swish logo will appear larger compared to the order. If you want to reduce the logo size, you can use the following code:

    .footer-widget-3 img.wp-image-6532 {
        width: 15% !important
    }

    I hope this helps.

    Thread Starter boppar

    (@boppar)

    1 month, 3 weeks ago

    @shahzeenfarooq, thanks a lot!

    Method 2 worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.