Widget News List change

Titta
asked 8 years ago

Hello Dominic, I would like that the widget DW Focus “News List” has left a bigger photo and to the right miniatures of the articles and titles, as this blog (http://www.leggioggi.it/), not just the titles.

Then I’d also like to have the carousel top of the page category.
Can you suggest me how to do?
Thank you so much

1 Answers

DominicStaff
answered 7 years ago

To resolve this issue, you can add the following code to the style.css file:

.dw_focus_widget_news_list .list-unstyled .entry-thumbnail img {
 width: 100px;
 height: 70px;
}
 .list-unstyled span.entry-date {
 padding-left: 130px;
}
 .list-unstyled li.entry-title {
 padding-left: 130px !important;
}
 ul.list-unstyled {
 position: relative;
}
 ul.list-unstyled .entry-thumbnail {
 position: absolute;
 left: 0;
}
ul.list-unstyled .clear {
 padding: 10px 0;
 border-top: 1px solid #ddd;
 margin-top: 20px;
}

Then open the dw-focus-news-list.php file in the inc/widgets folder and find the line 138.
Replace the <ul>….</ul> tags, with the following code:

<ul class="list-unstyled">
 <?php else : ?>
 <?php if ( has_post_thumbnail() ) : ?>
 <div class="entry-thumbnail"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'thumbnail' ); ?></a></div>
 <?php endif; ?>
 <li class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
 <?php if ( $show_date ) : ?>
 <span class="entry-date"><i class="fa fa-clock-o"></i> <?php echo get_the_date( __('F j, Y', 'dw-focus') ); ?></span>
 <?php endif; ?>
 <div class="clear"></div>
 <?php endif; ?>
 <?php $i++; ?>
 <?php endwhile; ?>
 </ul>

Titta
replied 7 years ago

thanks Dominic, but it did not work. The left image has remained small, however I would like big and right thumbnails are not centered, and you see two lines of separation for each post

Dominic Staff
replied 7 years ago

Please send me username & password of your site for further checking, I will help you resolve it.