Footer text color – sketch theme

• 

  daveberlach · Member · Oct 8, 2014 at 8:55 am

  • Copy link
  • Add topic to favorites

  i want to change the colour of the footer text with the css editor for the Sketch theme.
  I have tried a few different options but with no success. Is it possible in this theme?

  Any tips?

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

• 

  lubmir2k · Member · Oct 8, 2014 at 9:23 am

  • Copy link

  Hi there,

  you should change the colors with these lines of code:

  /* the color you want for the text */
  .site-footer a, a:visited, a:active {
  color: rgb(0, 0, 0);
  }

  /* the color you want when mouse hovers over */
  .site-footer a:hover {
  color: rgb(128, 128, 128);
  }

  You can use hex color codes if you wish.

  For more info about styling links with css:
  http://www.w3schools.com/css/css_link.asp

  For more info about colors:
  http://www.w3schools.com/cssref/css_colors.asp

  Pls. let me know if it worked.

• 

  staff-happychia · Staff · Oct 8, 2014 at 9:25 am

  • Copy link

  Do you mean you would like to change the color of the following text in your footer:

  Create a free website or blog at WordPress.com. The Sketch Theme.

  Have you got a Custom Design upgrade?

• 

  daveberlach · Member · Oct 8, 2014 at 9:28 am

  • Copy link

  @mrlubomir thanks – doesn’t seem to have worked though

  staff-happychia thanks. yes – that is the text I mean. Yes I do have the custom design upgrade.

• 

  daveberlach · Member · Oct 8, 2014 at 9:32 am

  • Copy link

  also, i want to change the hover/ block colour on the social links… can’t get that to work either.
  wondering whether this can’t be altered for this them…?

• 

  lubmir2k · Member · Oct 8, 2014 at 9:43 am

  • Copy link

  @daveberlach: I am sorry that it didn’t work. Try to replace “.site-footer” for “.site-info” in the code I typed above. I am currently on the machine I’m not familiar with (Firefox on Linux) and can’t get into this deeper.

• 

  daveberlach · Member · Oct 8, 2014 at 9:47 am

  • Copy link

  @mrlubomir still didn’t work. that’s okay – thanks for your effort!
  i’ll keep searching. pretty new to CSS so more searching can’t be a bad thing!

• 

  hallluke · Member · Oct 8, 2014 at 10:58 am

  • Copy link

  At the moment you have the code included as a CSS comment so it won’t have any effect – it should work if you remove the comment bits (the slash and asterisk):

  /* this starts the comment
  
  and this ends it */