Edin Theme Button Help

• 

  hannahdeyoung · Member · Sep 4, 2014 at 5:57 pm

  • Copy link
  • Add topic to favorites

  Hi all! Trying to add the CSS button-minimal class to my front page and can’t for the life of me figure out how to add a CSS class to a link. Any ideas?

  I do have custom design activated too, in case that makes a difference.

  Thanks!

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

• 

  hallluke · Member · Sep 4, 2014 at 7:14 pm

  • Copy link

  If you’re including a link in a post/page/widget then you can add a class like this:

  <a href="LINK_URL" class="EXAMPLE">LINK_TEXT<a>

  and then style this element in your CSS using code like this:

  a.EXAMPLE {
    color: #f00;
  }

  Or do you mean you want to style some links on your front page a certain way and don’t know how to target them?

• 

  hannahdeyoung · Member · Sep 4, 2014 at 7:31 pm

  • Copy link

  Thanks, that is useful but I’m trying to do what they’ve done with the example page on The Edin Theme Page/.

  Reading the instructions though I just can’t quite figure it out.

• 

  matthewbeale · Member · Sep 8, 2014 at 8:43 am

  • Copy link

  Using the following CSS will get you the same results as the Edin Theme page. Just change ‘Get Started’ to whatever you would like the text to read and change the URL it links to:

  Get started

• 

  matthewbeale · Member · Sep 8, 2014 at 8:44 am

  • Copy link

  Whoops–first time posting…sorry. That code should read:

  <a class="button-minimal" href="http://edindemo.wordpress.com/">Get started</a>