Change size and colour of font in text widget

• 

  kilaheem · Member · Nov 4, 2014 at 9:06 am

  • Copy link
  • Add topic to favorites

  Hi there, I have custom design ugrade active on the Anthem theme.
  I have an [archive] text widget in my sidebar and am trying to change the colour and font of the text (also add thumbnails to each post.)
  This is the current code I’m trying to use which doesn’t work.

  [archives]

  Can anyone help me please?
  Many Thanks

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

• 

  kilaheem · Member · Nov 4, 2014 at 9:07 am

  • Copy link

  (add thumbnails to each archive listing)

• 

  thesacredpath · Member · Nov 4, 2014 at 6:01 pm

  • Copy link

  Hi there, the archives shortcode won’t work that way, but we can specifically target that text widget by ID and apply change the font size and styling. Paste the following CSS into your custom CSS to do that. You can edit the font size and color as desired.

  #text-3 ul li a {
      font-size: 1.1em;
      font-weight: bold;
      color: #cc0000;
  }

  Adding individual thumbnail images to each archive listing in the widget would require you to write individual CSS rules for each and every post in the widget, and to then create a new rule each time you added another post. Each time you created a new post (added at the top of the list), all of the CSS rules would have to be edited. If you are wanting to use the same image at the beginning of each, then that is doable.

• 

  kilaheem · Member · Nov 5, 2014 at 6:17 am

  • Copy link

  MY man! thankyou kind sir, worked perfectly, I wouldn’t be able to get passed alot of hurdles if it weren’t for these forums. Thanks again for your detailed instructions.
  :):)

• 

  thesacredpath · Member · Nov 5, 2014 at 4:20 pm

  • Copy link

  You are welcome and thanks.