Forum Support

Shape 5
April 11, 2021, 01:02:07 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Social media link looks weird and not aligned - FB  (Read 596 times)
kenny_krd
Jr. Member
**
Offline Offline

Posts: 19



« on: 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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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:

Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
kenny_krd
Jr. Member
**
Offline Offline

Posts: 19



« Reply #2 on: 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






« Last Edit: May 16, 2018, 08:32:49 PM by kenny_krd » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: May 17, 2018, 09:30:50 AM »

The code needs to look like this then:

Code:
<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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.