MS IE8, Social Media links, and link decoration « Support Forum | Kriesi.at

Support Forum » Angular

MS IE8, Social Media links, and link decoration

2 posts from 2 voices

Started 1 year ago by ebgraphicweb
Latest reply from Mya
This topic is not a support question

Tags:

ebgraphicweb
Member

Love, Love, LOVE the Angular theme!

Most disturbing:
Please help with IE8 rendering issues on my site: http://GraphicsbyEB.com
Titles in the portfolio boxes break to a second line, causing the boxes to run longer/not line up. Looks great in Firefox. Can you give me the CSS syntax for reducing the point size in IE? Would I add this to the quick CSS box or in my theme CSS file? Also, the boxes are separated slightly...is this because of the overflow? I'm no coder, but can find my way around with some coaching.

Social Media icon links in top banner:
How can I get these links to open in a new window?

Link CSS:
Where is the CSS to remove the underline and add hover code in links, especially in footer and socket?

Thanks for your help.

Posted 1 year ago #

Mya

Hi EB,

Sorry for the delay in responding. I'm glad you like the theme!

I'll have to do some testing on IE8 to see exactly what you're talking about as far as the boxes go. Reducing the font size you would the code below.

#top .portfolio-title { font-size:12px; }

As far as the social media icons, you need to open the template header.php and edit the following lines

if($dribbble = avia_get_option('dribbble')) { $social ++; echo "<li class='dribbble'><a href='http://dribbble.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>"; }
							if($twitter  = avia_get_option('twitter'))  { $social ++; echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>"; }
							if($facebook = avia_get_option('facebook')) { $social ++; echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";	}
							if($gplus    = avia_get_option('gplus'))    { $social ++; echo "<li class='gplus'><a href='".$gplus."'>".__('Join me on Google Plus', 'avia_framework')."</a></li>"; }
							if($linkedin   = avia_get_option('linkedin'))    { $social ++; echo "<li class='linkedin'><a href='".$linkedin."'>".__('Add me on Linkedin', 'avia_framework')."</a></li>"; }

so they include a target='_blank' like this:

if($dribbble = avia_get_option('dribbble')) { $social ++; echo "<li class='dribbble'><a href='http://dribbble.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>"; }
							if($twitter  = avia_get_option('twitter'))  { $social ++; echo "<li class='twitter'><a target="_blank' href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>"; }
							if($facebook = avia_get_option('facebook')) { $social ++; echo "<li class='facebook'><a target="_blank' href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";	}
							if($gplus    = avia_get_option('gplus'))    { $social ++; echo "<li class='gplus'><a target="_blank' href='".$gplus."'>".__('Join me on Google Plus', 'avia_framework')."</a></li>"; }
							if($linkedin   = avia_get_option('linkedin'))    { $social ++; echo "<li class='linkedin'><a target="_blank' href='".$linkedin."'>".__('Add me on Linkedin', 'avia_framework')."</a></li>"; }

To remove the underline for all your site links you would add this to your custom.css or Quick CSS:

a { text-decoration: none; }

To remove the underline for just the footer and socket links you would use this:

#footer a, #socket a { text-decoration: none !important; }

To change hover colors you would use this:

#footer a, #socket a { color: #FFFF00; text-decoration: none !important; }

Note: On the code above I combined the underline and color rule change.

Hope this helps!

Regards,
Mya

Posted 1 year ago #

RSS feed for this topic