Photo resizing
-
I have a Gazette theme, and want my photo to be larger to fit the space (under the weekly revelations tab). I tried using CSS, but the image won’t resize.
Thanks!
The blog I need help with is: (visible only to logged in users)
-
Hello there!
I’m guessing you are referring to the image on top of the blog post? Dropping this code in your custom CSS area should do the trick:
.single-post .entry-hero .post-thumbnail img { width: 100%; }(keep in mind that the larger image you use, the less blurry that it will be)
If you don’t want the image forcing the size of the area to be very large (as you’ll see it does with the above code) then you can use something like this to cut off the box at a certain height (feel free to change the px amount):
.single-post .entry-header.entry-hero { max-height: 400px; overflow: hidden; }Let me know if that doesn’t work!
Sage -
-
-
So I attempted it, and it still looks the same (I’m new to CSS), but thanks for the advice. Truly appreciate it!!!!
-
Hey there,
That’s no good! I’m not seeing the CSS show up on the frontend even to be overwritten, is it still in the custom CSS area?
Thanks,
Sage -
There is when I click customize. Even when I try and change the pixel width, nothing happens… le sigh!
-
Hey there!
All I’m seeing in your custom CSS is
.single-post .entry-hero .post-thumbnail img { }Are you definitely placing in the entire code?
Thanks,
Sage -
I got it to work!!! I just re-cropped the photos before uploading the image.
Thanks for all your help!
Tifa
-
- The topic ‘Photo resizing’ is closed to new replies.