Small tweak for Recent Posts Widget

Support Area Forums United Small tweak for Recent Posts Widget

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://www.servingyourpurpose.com
  • Author
    Posts
  • #20710
    Ashley Davis
    Participant

    Hi Bill,

    Still making changes to the site, but now we’re getting down to the nitty-gritty.

    The typography is bugging me a bit this morning.
    Is there a way to format the Recent Posts Widget so that if a title goes over to two lines, the second line is indented to start where the first line does, rather than left aligned?

    On my home page, I was able to tweak the text in my “Serving Your Purpose” widget box to reflect this by adding   . Can’t figure out how to do this since the text is automatically generated.

    This same issue (same widget) can also be found under the mega menu “Look Around” with the last post in “The Beshear’s Blog”.

    Thanks Bill!!

    #20713
    Bill Robbins
    Moderator

    Hey Ashley,

    I’m not certain this will work, but it’s worth a shot:

    1. Go to the Theme Options page and select the Styling tab.
    2. Scroll down to the Custom CSS box and paste this:
      
      .widget ul li {
      	padding-left: 15px;
      	position: relative;
      }
      
      .widget ul li:before {
      	position: absolute;
      	margin-right: 0;
      	left: -1px;
      	top: 5px;
      }
      
    3. Update your settings.

    Thanks,
    Bill

    #20717
    Ashley Davis
    Participant

    Awesome! It worked! Thanks!

    #20718
    Bill Robbins
    Moderator

    Sweet!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Small tweak for Recent Posts Widget’ is closed to new replies.