Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #11928

    We got the “latest posts” widget on the left sidebar to display our five latest posts from the blog.

    It dispalys the headlines, and some of them are longer and requires two lines of text.

    How do i edit this widget’s apperance so i can get more space between each of the five posts?



    Also, i would like to make the headline for the widget clickable, so you’re dirrected to the blog page when clicking on it.



    Hi lotsdesign,

    You should be able to style the style the widget’s appearance by adding this to your custom.css or Quick CSS.

    /* this styles the widget title */
    .sidebar .widgettitle {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding-bottom: 10px;
    text-transform: uppercase;

    /* this styles the overall list */
    .sidebar .widget ul {
    list-style-position: outside;
    list-style-type: none;

    /* this styles the list item */
    .sidebar .widget li {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;

    /* this styles the list a */
    .sidebar .widget a {
    color: #F2036A;
    text-decoration: none;

    Note: Changes will apply to every sidebar widget. If you to style the “Latest Posts” only then you would replace .widget with .widget_recent_entries.

    As far as your second question, the headline you mentioned is that “Senaste Nytt”?




    Thanks Mya!

    Yes, the headline i want clickable is “Senaste nytt”, and i want it directed to the blog page.



    Got another question regarding this, while talking about the “recent entries widget”. Can you set it to only show a specific category? For example if i have a category called News, where all our news updates are?




    The “recent posts” widget doesn’t offer such an option but the “Flaslight Latest News” widget allows you to select one or more categories.

    Best regards,



    Thanks Peter,

    I noticed that as well, but the layout we’re after is something more looking lite “recent posts”, without pictures and such. Is the “flashlight latest news” widget editable somehow to make it look more like “recent posts”?



    You can hide the thumbnails with following code:

    .newsbox .news-thumb{
    display: none;



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Edit "latest posts" widget’ is closed to new replies.