business identity: costumize link appearance

• 

  hanshege · Member · Dec 6, 2017 at 10:08 am

  • Copy link
  • Add topic to favorites

  Is there a visual way of costumizing the link appearance in BI theme? I am just wondering, the standard link appearance is

  – normal typo
  – basic underline

  Can I get rid of the underline, e.g.? So I could change color/ boldness myself in a second step.

  Thanks for your help in advance. Best regards!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-zinnia · Staff · Dec 6, 2017 at 4:10 pm

  • Copy link

  Hi –

  Please tell me which site you are working on so I can take a closer look. I don’t think Bi is one of our themes, do you have a link to it?

• 

  hanshege · Member · Dec 7, 2017 at 8:24 am

  • Copy link

  The blog I need help with is kalscheuer.com.

• 

  supernovia · Staff · Dec 8, 2017 at 8:19 pm

  • Copy link

  @hanshege thank you. :)

  You could customize the links in your entries using something like this, changing the settings as you’d like, of course:

  .entry-content a {
  	text-decoration: none;
  	font-weight: bold;
  	color: #3355aa;
  }

  Does that help?

• 

  supernovia · Staff · Dec 8, 2017 at 8:20 pm

  • Copy link

  Oh, and I should add, if you wanted the links to underline on hover, too, to make it more obvious that they are links, you could do that as well:

  .entry-content a {
  	text-decoration: none;
  	color: #3355aa;
  }
  
  .entry-content a:hover {
  	text-decoration: underline;
  }

• 

  hanshege · Member · Dec 12, 2017 at 1:39 pm

  • Copy link

  Thank you, that helps a lot.

  Is there a same/ similiar css code for the widgets?

  Thanks in advance!

• 

  supernovia · Staff · Dec 13, 2017 at 1:22 am

  • Copy link

  Sure.

  .widget a, .entry-content a {
  	text-decoration: none;
  	color: #3355aa;
  }
  
  .widget a:hover, .entry-content a:hover {
  	text-decoration: underline;
  }