About.me Widget and Blog Text Codes

• 

  debrambecker · Member · Aug 7, 2015 at 10:25 pm

  • Copy link
  • Add topic to favorites

  I want to specify colors for my name under my photo on the about.me widget and also for blog text but don’t know the CSS element codes.

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

• 

  darrellschulte · Member · Aug 8, 2015 at 3:32 am

  • Copy link

  Hi @debrambecker,

  Try adding the following to your Custom CSS and adjust as necessary.

  #slide-nav .widget-box a {
      color: red;
  }
  
  .post {
      color: black;
  }

• 

  debrambecker · Member · Aug 8, 2015 at 5:54 pm

  • Copy link

  Thanks so much – I am now able to adjust my text color and the color of my name in my slide-bar widget, however I would still like to know the code to change my name attributes in my about me page right sidebar about.me widget. Is there key available which lists all code for the Port theme, i. .e., codes to make these types of changes?

• 

  g471n · Member · Aug 9, 2015 at 7:08 am

  • Copy link

  Hi debrambecker

  Have a look at this guide to identifying your themes CSS elements – http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

• 

  g471n · Member · Aug 9, 2015 at 7:14 am

  • Copy link

  To change the color of your name in the about me wiget you could use the following CSS:

  #slide-nav .widget-box a {
      color: #BC6E84;
  }

  By replacing the #BC6E84 value you can change to a color of your choice.

  If there is another aspect of the widget you are wanting to alter, let me know and I will have a look at it for you.

• 

  debrambecker · Member · Aug 9, 2015 at 4:09 pm

  • Copy link

  Hi – I used that code and was able to successfully change the color of my name in the about.me widget displayed on my slider sidebar. I also have the widget displayed on the right sidebar on my About Debra page. The color did not change there. I am seeking the CSS code to alter the color in that second sidebar.

• 

  darrellschulte · Member · Aug 9, 2015 at 4:21 pm

  • Copy link

  Give this a whirl!

  #am_name a {
      color: #6607BE;
  }

• 

  debrambecker · Member · Aug 9, 2015 at 7:20 pm

  • Copy link

  Thanks for the suggestion – unfortunately it didn't the color.

• 

  darrellschulte · Member · Aug 9, 2015 at 9:36 pm

  • Copy link

  I tried it again and your name changes from dark green to purple.

• 

  debrambecker · Member · Aug 10, 2015 at 1:45 am

  • Copy link

  I tried the code again and this time it worked! Thank you!