Tagged: footer, social icons, Widget
-
AuthorPosts
-
January 28, 2016 at 3:24 am #573429
Hi,
Related to my last ticket – “Social icons displayed vertically…”, I’ve these two issues, which you can check on the image – https://www.dropbox.com/s/c2o96ilx2d0f8aq/social_icons_footer_widget_area.JPG?dl=0:
1 – After each social icon there is a “vertical line”.
2 – Facebook social icon it’s misaligned with the others SM iconsI appreciate your help.
Kind Regards
Elxa Soares
January 29, 2016 at 8:05 am #574359Hi Elsa!
Thank you for using Enfold.
I checked the site (http://bemvestir.moda/) but I didn’t see any lines in the social icons. Is that the correct site? The background is different compare to the screenshot.
Cheers!
IsmaelJanuary 29, 2016 at 1:50 pm #574522Hi Ismael,
Thanks for your answer.
Yes, http://bemvestir.moda is correct.
As I am doing tests I changed the scheme color and you did not see the line on a lighter background. However I went back to a footer background darker color where you can easily check the vertical line on social icons.Please confirm.
Also facebook social icon it’s misaligned with the others SM icons.Kind Regards
January 29, 2016 at 5:13 pm #574682Hi!
“Maintenance mode is on”. We are going to need temporary logins to see your site.
Please also try following code
#footer .social_bookmarks * { border: none !important; }
Regards,
YigitJanuary 29, 2016 at 7:26 pm #574776Hi Yigit,
Thanks for the reply.
With code you provided me the vertical line is gone! One less issue :)
Please tell me the solution for my point 2.:
– Facebook social icon it’s misaligned with the others SM iconsThe temporary logins are the same given in my first ticket, the previous, but I repeat them.
Kind Regards
February 1, 2016 at 6:17 am #575560Hi,
It looks like you’ve made some customisations to the social media links but I can’t see any misalignment, could you post a screenshot to highlight the problem please?
Thanks,
RikardFebruary 1, 2016 at 1:45 pm #575732Hi,
These code customizations were given by your moderator Yigit on my first ticket.
You already have a screenshot I sent you on this ticket – see this link https://www.dropbox.com/s/c2o96ilx2d0f8aq/social_icons_footer_widget_area.JPG?dl=0:Thanks
Elsa Soares
February 1, 2016 at 2:23 pm #575756Hey Elsa!
I changed following code
#top #wrap_all .av-social-link-facebook a:after { content: 'Facebook'; margin-left: 10px; }
to following one in Quick CSS
#top #wrap_all .av-social-link-facebook a:after { content: 'Facebook'; margin-left: 15px; }
Please review your website now
Cheers!
YigitFebruary 1, 2016 at 5:45 pm #575928Hi Yigit,
Thanks for the reply and the changes you made.
However, the hover effect is not centered on the icon and also is overlaying the term next to it –
https://www.dropbox.com/s/kj82f4inml5r34r/social_icons_footer_widget_area_1.png?dl=0.I appreciate your help
Kind Regards
February 1, 2016 at 5:55 pm #575934Hi!
Please add following code to Quick CSS as well
#top #wrap_all .av-social-link-facebook a:before, #top #wrap_all .av-social-link-instagram a:before, #top #wrap_all .av-social-link-gplus a:before { margin-left: 10px; }
Cheers!
YigitFebruary 2, 2016 at 1:35 am #576136Hi Yigit,
Now it’s fine!
Thanks for your support.Cheers! :)
February 2, 2016 at 9:13 am #576319February 11, 2016 at 1:34 am #581414Thanks
You may close this ticket.
RegardsFebruary 12, 2016 at 5:22 am #582010 -
AuthorPosts
- The topic ‘Footer widget social icons- vertical line and Facebook icon misaligned’ is closed to new replies.