Lovecraft, bigger images

noticiasvilanova · Member · Mar 2, 2025 at 9:03 pm
Copy link

Add topic to favorites
Hi. I’m using the Lovecraft theme. Is there any CSS to make the images bigger so they fill the whole column? On mobile, the photos look very small.

The blog I need help with is: (visible only to logged in users)
jaygumanidwork · Member · Mar 2, 2025 at 10:29 pm
Copy link
Hello @noticiasvilanova

I suppose you wanted your featured images on mobile to occupy the entire screen, correct? If that’s the case, you can try this CSS (with explanations):
```
@media screen and (max-width: 767px) {
    img.attachment-lovecraft-post-image.size-lovecraft-post-image.wp-post-image {
        display: block;
        height: 100vh; /* Full viewport height */
        width: auto; /* Maintain aspect ratio */
        max-width: 100vw; /* Prevents overflow */
        object-fit: cover; /* Ensures it covers the area */
        margin: 0 auto; /* Centers the image horizontally */
    }
}
```
Now, to insert the CSS code, you will need access to the CSS Editor available to Premium, Business, and Commerce plans. Here’s the guide:
https://wordpress.com/support/editing-css/#access-the-css-editor-1

I hope this helps, and let me know how it goes!
noticiasvilanova · Member · Mar 7, 2025 at 8:12 am
Copy link
Hello jaygumanidwork, thanks a lot for your kind help. My apologies. I didn’t mean to change the featured images. I want the images inside the articles to be wider, taking up the whole column.
ezebecke · Staff · Mar 10, 2025 at 4:07 pm
Copy link
Hola!

Me temo que el tema que utilizas en este momento no permite que las imágenes se expandan y ocupen todo el ancho de la entrada. Para incluir este estilo, te sugiero considerar cambiar el tema de tu sitio a https://wordpress.com/theme/retrospect/vilanova.blog?tab_filter=blog o https://wordpress.com/theme/nook/vilanova.blog?tab_filter=blog los cuales se asemejan al tema que utilizas ahora, pero tienen la ventaja de ser temas de bloques.
noticiasvilanova · Member · Mar 10, 2025 at 6:29 pm
Copy link
Hola, gracias por la sugerencia. De momento, he vuelto al tema que tenía antes del cambio, Rowling. Tengo que probar y experimentar antes cómo funcionan los temas de bloques.
ezebecke · Staff · Mar 10, 2025 at 8:20 pm
Copy link
No hay problema! Cuando estés listo, nos avisas.

No items found.