-
AuthorPosts
-
September 8, 2022 at 4:46 am #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
CaroleSeptember 8, 2022 at 4:50 pm #1364343Hi 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,
RikardSeptember 8, 2022 at 5:53 pm #1364370Hi Rikard,
Logins below.
Thanks for taking a look.
Carole
September 9, 2022 at 8:12 am #1364396Hi,
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,
IsmaelSeptember 9, 2022 at 6:36 pm #1364461Hi 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
CaroleSeptember 10, 2022 at 11:11 am #1364502Hi,
I added Ismaels CSS to the actual divs in the widget, and that seems to be working. Please review your site.
Best regards,
RikardSeptember 16, 2022 at 5:50 pm #1365284Hi Rikard,
It’s worked perfectly – thank you for all your help with this!
Best Regards
CaroleSeptember 17, 2022 at 11:46 am #1365322 -
AuthorPosts
- You must be logged in to reply to this topic.
