Excerpt Width Same as Photo Width on Featured Content on the Homepage

  • Author
    Posts
  • #137194

    acpimages
    Member

    Hi, I have been working on customizing the Spatial theme to fit my specific website’s aims.

    I was wondering if there was any way that I could make the expert width and the featured image width proportional on the homepage. As of right now, since my blog post titles are so small, it looks very disproportional to the excerpts, which is quite bothersome.

    https://imgur.com/a/weFVjEs

    The blog I need help with is acphotography.co.

    #137204

    lelandf
    Theme Author

    Hi there,

    I understand the issue.

    Right now, the featured content title and excerpt are split 50/50, with some fixed padding added to the right of the title, meaning the title appears to be slightly more narrow than the excerpt.

    Try this Custom CSS and see how it works out for you:

    @media (min-width: 1001px) {
    	body .slide .entry-header {
    		width: 25%;
    	}
    
    	body .slide .entry-content {
    		width: 75%;
    	}
    }

    You’re welcome to adjust the width percentage values as you see fit, just make sure they always add up to 100% (in this case, 25% title width + 75% excerpt width = 100% total width).

    Also worth noting, all of these CSS rules are wrapped in a responsive breakpoint so they won’t affect styles in place once the device width reaches 1000px wide.

    Let me know how that works out for you or if you have any other questions.

    Regards,
    Leland

    #137218

    acpimages
    Member

    Thank you so much Leland! That helped a bunch!

    Regards,
    Ashley

    #137436

    lelandf
    Theme Author

    You’re very welcome! Glad to hear that. I’ll go ahead and mark this topic as resolved.

    If you have any other questions feel free to make another topic in this forum and I’ll take a look!

    Regards,
    Leland

The topic ‘Excerpt Width Same as Photo Width on Featured Content on the Homepage’ is closed to new replies.