Lovecraft, bigger images
-
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)
-
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-1I hope this helps, and let me know how it goes!
-
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.
-
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. -
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.
-
- The topic ‘Lovecraft, bigger images’ is closed to new replies.