Can a link be added to the Milestone Widget's Title?

• 

  cherylmarieknits · Member · Apr 2, 2012 at 12:45 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I would like to have the title of my Milestone Widget be a link – is this possible. I am using Retro-Fitted theme and I have the CSS Upgrade.

  Thanks,
  Cheryl
  cherylmarieknits.com

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

• 

  designsimply · Member · Apr 3, 2012 at 1:04 am

  • Copy link

  There is not a way to make the title of a widget clickable if it’s not a built in option for the widget. There might be a workaround though. First, would it work to add a link in a text widget just above he milestone widget instead?

• 

  cherylmarieknits · Member · Apr 3, 2012 at 12:38 pm

  • Copy link

  Last night while I was thinking about how I might solve this dilemma, I thought of the exact same work-around! I’m glad to know that you think it would be a good way to solve the issue.

  Thanks!

• 

  justpi · Member · Apr 3, 2012 at 12:56 pm

  • Copy link

  Since the blue heading of the MW is more impressive than the link, and since the link says “details”, I would suggest you place the TW below instead of above the MW. You can also use CSS to make them look like one widget (by removing the bottom border and margin of the upper one, and the top border of the lower one).

• 

  cherylmarieknits · Member · Apr 3, 2012 at 3:04 pm

  • Copy link

  Thank you for the suggestion of moving it below – I agree it’s a much better placement. However, in the retro-fitted style sheet I don’t see where I might be able to remove the lower and upper borders of the milestone and text widgets. Can you point me in the right direction? Thanks, Cheryl
  cherylmarieknits

• 

  designsimply · Member · Apr 3, 2012 at 3:20 pm

  • Copy link

  CSS like that wouldn’t be in the stylesheet already, you would need to add new CSS to make an adjustment like that. Here is an example:

  Here is an example of one way to do it:

  First, move the text widget back to just above the milestone widget. Open that text widget, remove all of the content you currently have, and replace it with this HTML:

  <h3 class="widget-title"><a href="http://cherylmarieknits.wordpress.com/the-answer-to-the-question-">April Knitting Marathon Details</a></h3>

  Then add this to your Appearance → Custom Design → CSS page:

  #text-5 {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 0 -87px 0;
  }
  
  #milestone_widget-2 {
  padding-top: 57px;
  }

  Note that you may need to adjust the numbers if you don’t like the way the spacing looks. You can adjust the margins and padding to your liking. Also note that this CSS is specific to *your* text widget and milestone widget. If you deleted either of those specific widgets and/or added new ones, you would need to adjust the IDs in the CSS to match your new widgets.