Inside your post loop:
<div class="recent-post">
<div class="thumbnail">
<?php
if(has_post_thumbnail()) {
the_post_thumbnail();
} else {
// show a default image if no featured image is specified
echo '<img src="'.get_bloginfo("template_url").'/images/img-default.png" />';
}
?>
</div>
<div class="title">
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
</div>
float the thumbnail div to the left and give the title div an appropriate margin/padding so they don’t overlap, and apply some clearfix to the recent-post class and then style to fit.
Related Posts:
- Duplicate and alter sidebar for Twenty Eleven
- WordPress Twenty Fourteen Theme Sidebar
- Move Sidebar from Above Content To Below When Responsive [closed]
- Sidebar missing from Homepage
- why does this text overlaps in the sidebar?
- WordPress sidebar content moving to bottom of page
- Need to make sidebar responsive only when screen width is greater than 1024px
- Style sidebar for a custom page template exclusively
- Sidebar at bottom however I have completely replaced theme folder back to original code
- How do i make a sidebar background color? [closed]
- Twenty Fourteen Theme – Moving left sidebar to the right
- Change sidebar product category text color (woocommerce) [closed]
- IE 6~8 ignoring font, background, and margins on sidebar [closed]
- How to change btn color in Bootstrap
- force footer on bottom on pages with little content
- Dynamically change color to lighter or darker by percentage CSS
- How do I right align div elements?
- CSS “margin: 0 auto” not centering
- JavaFX css themes
- Border Position
- Bootstrap align navbar items to the right
- Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
- Using font awesome in codepen
- using media queries with LESS
- How can I apply styles to multiple classes at once?
- How to get multiple images to auto resize and stay centered within a div
- CSS rotation cross browser with jquery.animate()
- How can I center
- into a div?
- How to specify a class added to my gallery
- How to add a “last” class to the last post in loop.php?
- How do i use fontawesome icons in TinyMce editor?
- bloginfo(‘stylesheet_directory’) vs. get_stylesheet_directory_uri() and include(‘file.php’) vs. get_template_part()
- Assign title-specific class to list items in menu based on WP pages
- WordPress – https : Css and Js files are not working (load on http instead of https)
- Why is WordPress changing my HTML code
- Best way to install Bulma (CSS Framework) with WordPress and Genesis
- Remove sticky behavior from top navigation on twenty fourteen theme?
- Include CSS with PHP without including wp-load?
- Loading different stylesheet on WordPress pages?
- Different css rules for TinyMCE and Gutenberg while using add_editor_style()
- Redoing home page but changes not taking effect
- How to create a custom CSS class for a specific page template?
- Gallery CSS Problem
- Responsive Author Style in BBpress?
- Older isotope portfolio rows shifting downward by 1 pixel on hover
- Shrink Header Image on Scroll
- Correct way to output styles gathered from theme or plugin settings?
- Remove extra white space bellow and above product short description in storefront woocommerce
- Inline Style attribute getting stripped off
- What does generate .less file? [closed]
- Can’t Display Table Headers in Responsive table layout
- Edit css for search results page
- Load jQuery only on home page
- how to hide submenus for the not active pages
- Why is the CSS horizontal alignment for divs inside div container not displayed in my WP Theme?
- Keeping CSS model open after form submission
- Sidebar button click redirect when user is not logged in instead displays it
- Changing blog style [closed]
- Add class to navigation link of page
- node.js and webpack throws error when trying to setup node to watch theme folder for saved changes
- Keep comments but turn off commenting
- How to remove Author and Category from a single portfolio page? [closed]
- why is my paypal button not clicable [closed]
- How can I selectively insert a header for my shop page in woocommerce? [closed]
- Change the search icon in twenty fourteen
- styling isnot working in wordpress theme
- Using True Type Fonts (ttf) [closed]
- Horizontal drop down category with hover effect working
- Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
- Broken css on mobile phones only on https
- WordPress CSS completely broken on IIS
- Trying to hide HENTRY (Author Meta Data) from a Post ID
- Probleme d’emplacement
- Getting and setting CSS variables with JQuery in WordPress backend fails
- Theme: Twentynineteen // How to exclude cookie-control triangle and star svg from being overwridden by theme css “svg { fill: currentColor; }”
- CSS does not Update
- Need help removing block of white space between footer widgets and footer [closed]
- How to make a sidebar form show at the top of page on mobile?
- Why child theme stylesheet takes long time to update?
- Navigation menu disappears when I hover the mouse [closed]
- Custom Plugin CSS: Can’t update them!
- Can’t center post thumbnail with bootstrap [closed]
- Force include a stylesheet from parent theme
- Head section of the wordpress blog
- Altering the design of WooCommerce notifications [closed]
- Site name not showing in browser bar, only url
- Pages in another language
- Using a style sheet for modern browsers and another for older browsers
- How to insert a clickable and fixed background [duplicate]
- Use of CSS classes in editor-blocks.css file
- Problems when writing a post
- Will the following code make my css deal with images in the optimum way?
- Interactive maps in wordpress
- How to add input search field with roudned corners?
- WordPress CSS not working properly
- Add Custom CSS Class in Child Theme [closed]
- Min height of page [closed]
- Remove / Disable default custom.css?ver=1.0.0
- How to remove class=”wp-block-heading” from Heading tags?
- Website is not showing updated CSS