Hello,
On a category page on mobile theme, there are 5 wide featured images on top.
And below them, there is a list of posts (small pictures on the left with excerpts on the right).
The problem is, the 4th and 5th wide featured images are from the 1st and 2nd posts below them.
So on a category page at the moment, they are displayed like below
Wide featured image of post A
Wide featured image of post B
Wide featured image of post C
Wide featured image of post D
Wide featured image of post E
Post D
Post E
Post F
Post G
.
.
.
.
.
I would like to make the page look like below.
Wide featured image of post A
Wide featured image of post B
Wide featured image of post C
Wide featured image of post D
Wide featured image of post E
Post F
Post G
Post H
Post I
.
.
.
.
.
Are there any suggestions to fix this??
Hi,
Actually there should be 3 modules in that grid, unless you have made modifications to it. If you changed the number of modules for the mobile homepage here
– https://www.screencast.com/t/w9QK0l7w
That will affect the category pages as well. Indeed that will cause the extra posts to be doubled, there is an offset solution for the homepage in this topic
– https://forum.tagdiv.com/topic/how-to-set-offset-post-for-latest-post-module-on-mobile-theme-plugin/
Try adding the mentioned offset for the category pages
– https://www.screencast.com/t/HTs6RoojM3q3
Thanks
Thank you!!!
Hello Simion,
I have just realized the problem about setting the offset…
Because I still need to show latest posts on category pages.
Anyway, is it possible to delete featured images on the category page
just like the front page you advised (https://forum.tagdiv.com/topic/mobile-theme-latest-3-posts-featured-images-2/)?
Thank you for your support
Hi,
Then more modifications might be needed, and cases created by page, if possible. Maybe a condition wrapping the query where you set the offset for the homepage would work
– https://www.screencast.com/t/Havw9qdJfDD
You could try that and see if it works.
Hi Simion,
Thanks for your reply but what exactly do I need to do??
Do I need to add / delete some lines from “front-page.php” file?
Hi Simion,
I am sorry that maybe I did not explain the situation very well.
So I will explain it again.
Originally, on the category page on mobile theme, it looked like below.
(Because I modified the front page)
Wide featured image of post A
Wide featured image of post B
Wide featured image of post C
Wide featured image of post D
Wide featured image of post E
Post D
Post E
Post F
Post G
Post H
.
.
.
The Post D and E were doubled.
So with your suggestion, I have added “offset” value (‘offset’ => 3 on td_category_top_posts_style_mob_1.php file).
Then, what it looks like now is shown below…
Wide featured image of post D
Wide featured image of post E
Wide featured image of post F
Wide featured image of post G
Wide featured image of post H
Post D
Post E
Post F
Post G
Post H
.
.
.
No doubled posts but the latest 3 posts (Post A, B and C) are missing…
So, here is what I want the page to look like;
Either like this;
Wide featured image of post A
Wide featured image of post B
Wide featured image of post C
Wide featured image of post D
Wide featured image of post E
Post F
Post G
Post H
Post I
Post J
.
.
.
Or
Wide featured image of post A
Wide featured image of post B
Wide featured image of post C
Wide featured image of post D
Wide featured image of post E
Post A
Post B
Post C
Post D
Post E
.
.
.
Or
Post A
Post B
Post C
Post D
Post E
.
.
.
I prefer the last one which has no wide featured images but if it is not possible or difficult to do, I don’t mind the first or second one with the wide featured images.
Sorry to bother you many times but please help!
I know what you want to do but I don’t know how that would be done. The offset should be set for the loop but I could not say exactly how that should be done. Maybe you should consider using the default mobile theme.
If you want to modify it, you could try making the modifications or consider hiring a developer/freelancer to make the modifications needed to achieve the result you want. Sorry for the inconvenience.
Ah I see…
Then… Are there any ways to make the width of featured images to a certain percentage and make them centered??
I tried below CSS but it does not work very well…
————————-
.td-image-wrap {
max-width: 70%;
margin: 0 auto;
}
————————-
The images themselves became 70% width and centered but other parts (category name, post title, author name and date) stays where they were…
Please see this picture.
That would be possible, for the mobile homepage you could use this code
– https://www.screencast.com/t/IvXp1CKZmMMd
.td-main-page-wrap .td-container:first-child {
width: 70%;
margin-left:auto;
margin-right:auto;
}
For the category pages this code if you want it for them as well
– https://www.screencast.com/t/K0n4ajB5xL
.td-category-grid .td-container {
width: 70%;
margin-left:auto;
margin-right:auto;
}
Thank you!
