- This topic has 17 replies, 2 voices, and was last updated 7 years, 1 month ago by Leo.
-
AuthorPosts
-
February 16, 2017 at 9:05 am #279752Anderson Ojope
Hello!
The category and file pages and the blog home page are the size of the featured image I need. Thumbnail on the left side … http://prntscr.com/e9k6kx
Now, when the website loads on tablets or smartphones, I need it to keep the article’s featured image as wide as 100%, not the same size as it is on the desktop.
Here’s how: http://prntscr.com/e9k7g4
I want it to look like this: http://prntscr.com/e9k7w5
It is possible?
Ps: But on the desktop you have to continue the way it is: left side thumbnail …
My blog: https://goo.gl/S01wIP
February 16, 2017 at 9:24 am #279758LeoStaffCustomer SupportHi Anderson,
Try this CSS:
@media (max-width: 1024px) { .post-image img { width: 100%; } }
Let me know.
February 16, 2017 at 10:15 am #279798Anderson OjopeThat’s right.
But the resolution of the images was not cool: http://prntscr.com/e9l781
I fear how to correct this?
February 16, 2017 at 10:20 am #279799LeoStaffCustomer Supporthmm your original images (https://blogdemo.educaseguros.com.br/wp-content/uploads/2017/02/infografico-exemplo-destaque-260×180.jpg) are only 260*180px so it would get stretched out if the browser size is 260px.
February 16, 2017 at 10:23 am #279801LeoStaffCustomer SupportI think it might work better if you upload the full size images and set Width to 260px in Customizer > Blog > Featured Images and leave height to auto.
Can you give that a shot?
February 16, 2017 at 10:45 am #279804Anderson OjopeContinues with poor resolution: http://prntscr.com/e9llqd
Another example: http://prntscr.com/e9lmaq
On the article page the image loads correctly and with good resolution.
February 16, 2017 at 10:50 am #279806LeoStaffCustomer SupportI’m not sure how to overcome this because basically you want the featured images to be bigger on tablet&mobile than on desktop which is not commonly requested.
I’ll ask Tom if he has a clever solution 🙂
February 16, 2017 at 2:23 pm #279929LeoStaffCustomer SupportLet’s try another way:
– Upload full size images
– Leave Width and Height to Auto in Blog > Featured Images
– Add this CSS:@media (min-width: 1024px) { .post-image img { max-width: 260px; } }
I think that would do. Let me know.
February 16, 2017 at 4:31 pm #279963Anderson OjopeHere’s the result:
http://prntscr.com/e9pub6
http://prntscr.com/e9pumuWhen I leave the height and width in AUTO mode, the width is 100% but the thumbnail is not on the left side, as before.
Ps: Images are already being uploaded with the size 800px X 400px.
February 16, 2017 at 4:36 pm #279964LeoStaffCustomer SupportThe CSS you added is not what I provided above.
Can you try this? https://generatepress.com/forums/topic/thumbnail-article/#post-279929
February 17, 2017 at 1:05 pm #280346Anderson OjopeShow! Very good! Now the resolution is good!
http://prntscr.com/ea2v6nI’ll explore you some more …
On the article page, I would like the featured image to be below the title. But in the archive pages, categories, etc. the articles need to keep showing up with the featured image on the left side and the title / description on the right side.
How do I do that?
February 17, 2017 at 2:16 pm #280369LeoStaffCustomer SupportI’m not too sure what you meant. Are you talking about single post? Can you show me an example?
I think it would be better if you can open up another topic for this new question so others can find it useful.
Thanks!
February 20, 2017 at 4:40 am #281291Anderson OjopeIt’s still about the change we’re talking about …
The highlights images of the articles on the homepage and categories / files pages are just the way we would like them to be.
Now, I need to see in the individual pages of the articles the highlight image below the title:
Article title
Highlight image
Content of the articleHow do I do that?
February 20, 2017 at 6:52 am #281366LeoStaffCustomer SupportSorry I’m still confused :S I thought the first issue (with the resolution) is resolved already?
Also in this post: https://generatepress.com/forums/topic/thumbnail-article/#post-280346, you wanted featured image on the left side and the title/description on the right side in category and archive pages.
But then in this post: https://generatepress.com/forums/topic/thumbnail-article/#post-281291, you wanted featured image to be below the title for category and archive pages?
Let me know…
February 20, 2017 at 7:04 am #281374Anderson OjopeFirst request solved!
Now an add-on…
By skipping the layout settings of the file/category pages (https://goo.gl/S01wIP), I would like that in the article pages (https://goo.gl/A6n37S), the title of the article would be above the featured image.
You understand?
-
AuthorPosts
- You must be logged in to reply to this topic.