I am making some changes to how the blog is currently showing up in the right sidebar of a wordpress page.
- Right now there is a large image, title, excerpt, and a Read More button.
- I only want the blog section to show a little image on the left and title to the right (image mockup provided below).
- I have been able to remove the excerpt and Read More button.
- I am struggling with how the CSS needs to be created, and added to the below PHP code.
I'm am not the best with PHP, but I can make some updates as needed. Here is the code I have so far:
<div class="blogwrapper"> <?php the_post_thumbnail( 'full' ); ?> <h4><?php the_title(); ?></h4> </div>
Here is the HTML structure:
<div class="sidebarblog customsidebar customsidewds"> <div class="blogwrapper"> <img width="5184" height="3456" src="https://website.com/wp- content/uploads/2016/01/img1000.jpg" class="attachment-full size-full wp- post-image" alt="" srcset="https://website.com/wp- content/uploads/2016/01/img1000.jpg 5184w, https://website.com/wp- content/uploads/2016/01/img1000_300x200.jpg 300w, https://website.com/wp- content/uploads/2016/01/img1000.jpg-768x512.jpg 768w, https://website.com/wp-content/uploads/2016/01/img1000.jpg-1024x683.jpg 1024w" sizes="(max-width: 5184px) 100vw, 5184px"> <h4>This is a sample blog title with text and more text</h4> </div> <div class="blogwrapper"> <img width="1170" height="750" src="https://website.com/wp- content/uploads/2016/01/image1001.jpg" class="attachment-full size-full wp- post-image" alt="" srcset="https://website.com/wp- content/uploads/2016/01/image1001.jpg 1170w, https://website.com/wp- content/uploads/2016/01/image1001.jpg-300x192.jpg 300w, https://website.com/wp-content/uploads/2016/01/image1001.jpg-768x492.jpg 768w, https://website.com/wp-content/uploads/2016/01/image1001.jpg- 1024x656.jpg 1024w" sizes="(max-width: 1170px) 100vw, 1170px"> <h4>This is another sample blog title title with more and more text</h4> </div> </div>