Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1364280

    Hi,

    I want to use icons in the footer widgets for email/telephone/location.

    I’ve copied and pasted code into the html widget and the icons look great but they are not aligning vertically.

    – see link to site in the private content area.

    Would you advise please?

    Thank you
    Carole

    #1364343

    Hi Carole,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1364370

    Hi Rikard,

    Logins below.

    Thanks for taking a look.

    Carole

    #1364396

    Hi,

    Thank you for the update.

    We edited the custom html widget a bit and separated the icons using div containers. We also added this code in the Quick CSS field.

    
    #footer .flex_column.av_one_third:nth-child(3) .textwidget div {
        clear: both;
        margin-bottom: 10px;
    }

    Best regards,
    Ismael

    #1364461

    Hi Ismael,

    Thanks for your help with this.

    I’m using the ‘page as a footer/widget area’ option now – and the same thing has happened. :/

    Which part of the new css code should I change ….?

    #footer .flex_column.av_one_third:nth-child(3) .textwidget div {
    clear: both;
    margin-bottom: 10px;
    }

    Many thanks
    Carole

    #1364502

    Hi,

    I added Ismaels CSS to the actual divs in the widget, and that seems to be working. Please review your site.

    Best regards,
    Rikard

    #1365284

    Hi Rikard,

    It’s worked perfectly – thank you for all your help with this!

    Best Regards
    Carole

    #1365322

    Hi,

    Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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