-
Posts
-
Hi there!
I have set up the footer as a 2-column widget with some basic info in it. I’ve included a mockup/screenshot of what we need to accomplish below, and a link to one of the pages so you can see what the footer looks like when I attempt to make it look correct. Basically I can’t align an icon to the left of the text with the text aligned right at the same time.
Login credentials are included here too!
Hey kellyCraftMedia,
Thanks for the info, it looks like you have some empty markup in the left widget, a paragraph and a font tag. Could you try to remove those to see if that helps please?
Best regards,
RikardYes, that’s because I’m trying everything and anything and nothing works. If you can help provide me with the appropriate approach to getting those icons lined up properly…
I had to remove the icons so that I could get a preview to my client, but here’s the code so we can work through this issue hopefully?
Hi,
Can you duplicate the page, create a different one for us to see and try debug and then u switch that to live
so we can test and play around with it please?Thank you
Best regards,
BasilisWell, the area we’re working with here is a Widget so that’s not exactly something we can duplicate in a page… But please do feel free to play around with the widget!
Hi,
Please, I
ve checked your page and there arent any icon on the left of the text, so, may you add the icons?Best regards,
John TorvikAs I posted several days ago on the 14th, I had to remove the icons for the client to be able to see a functioning website. I couldn’t not wait any longer with the problems I was experiencing.
It’s been almost a week and I’m pretty much ready to give up on something that should be SO simple. Forgive me but this is so frustrating! If it can’t be done, I understand. I just need to know so we can move on.
Below is a link to a screenshot of what the code looks like when I put it in the widget. I have to remove it because the site is going live and it cannot look that way when it does.
Hi,
Can you try to change the code in the widget to this one: https://pastebin.com/05d7JRwh
and add this css code in Quick CSS (located in Enfold > General Styling):h3.footer-contact { text-align: center; } .footer-mobile span, .footer-email span { display: inline !important; float: none !important; } .footer-mobile span.av_font_icon, .footer-email span.av_font_icon { position: relative; top: 4px; }Let us know if this helps.
Best regards,
Nikko
- You must be logged in to reply to this topic.