Blog page featured images

  • Hi again Joel,
    As part of updating my website I’m starting a blog but on the page that lists the post entries (here’s the page) I don’t like the amount of space the image uses and its position, for the post itself (especially considering it is designed as a photoblog) I love the big featured image above the text.

    Do you know of any easy ways to redesign the list so the featured image is thumbnail size and aligned to the left of the entry?

    Cheers,
    Ryan

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter h8usernames

    (@h8usernames)

    I just did a little playing around with plugins and to give you a feel for the type of design that I want I used “Blog Manager Light” and here is the page: https://www.rjames.net/en/test-blog-page/

    It took a bit of custom CSS to achieve this but I don’t like how it plays with the template, when the site is resized this page does resize but the thumbnail gets too small, when you click on a category or author in the meta section it goes to the default SoloFolio design so it really isn’t that workable as more than an immediate bandaid solution.

    Cheers!

    Thread Starter h8usernames

    (@h8usernames)

    Using some custom CSS in the customizer I have solved my problem, below is what I have (so far): 

    .entry .post-meta, .entry p, .entry .tag-links, .pagination-nav, .centered-content .more-link, .centered-content .wrapper pre, .centered-content .wrapper dl, .centered-content .wrapper ol, .centered-content .wrapper ul, .centered-content .wrapper address, .centered-content .wrapper table, .centered-content .wrapper h1, .centered-content .wrapper h2, .centered-content .wrapper h3, .centered-content .wrapper h4, .centered-content .wrapper h5, .centered-content .wrapper h6 {
    max-width: 90%;
}
.blog-featured-image {
max-width: 300px !important;
float: left;
margin-right: 20px !important;
margin-left: 20px !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blog page featured images’ is closed to new replies.