: Social media link looks weird and not aligned - FB : kenny_krd May 14, 2018, 08:01:05 PM So if i understand what i have read correctly i went into the module S5_Tab5 and added the code for the facebook page.
I also want to do the same for the FB link on the main page bottom row. But when i did so the font changed and so did the spacing. Wondering if i can control that at all and where if its a CSS file. I've attached an image of what i see using the inspect option in chrome. It looks normal in the editor but not in the browser. www.quintenmoulson.com Thanks in advance. : Re: Social media link looks weird and not aligned - FB : jonahh May 15, 2018, 02:40:01 PM Hello,
I recommend not using an editor. It can move code around and strip it on saving. I'm not sure if thats what happened or not but you can see from my attached image the difference in the code. The Facebook text has its on <a> and is outside of the icon HTML. Compare this so the Twitter one: : Re: Social media link looks weird and not aligned - FB : kenny_krd May 16, 2018, 07:55:50 PM Awesome thanks!!!!
I deleted it and started again using the editor and its properly formatted. Unfortunately it just shows up as a link now i've lost the formatting it had originally. I'd like to restore my hover color, text format and remove the underline. I see i can reinsert the facebook social icon under formats but not sure about the hover and making it not appear as a standard html link. i tried icon_hover but that's not it. I don't see the option for changing the hover color in the menu. css formatting perhaps? Still getting used to this editor. thanks : Re: Social media link looks weird and not aligned - FB : jonahh May 17, 2018, 09:30:50 AM The code needs to look like this then:
: <a class="social_icon ion-social-facebook"><span>Facebook</span></a> <a class="social_icon ion-social-twitter"><span>Twitter</span></a> You have it wrapped in spans and not hyperlinks. |