dyad – posts on main page (not statistic)

  • Unknown's avatar
    linktomarket · Member ·

    Hi every one ,
    in my dyad page (not statistic) I can see only 3 latest post on main page and it’s not so ok for me. how to make first page to see many posts … for example as square, like 6 or 9 latest posts… ?
    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi Richard,

    I’m glad to see Megan was able to help you out via live chat and I am currently seeing 10 posts on your home page.

    For future reference: The number of posts that display on your home page can be set via the classic interface.

    To access the classic interface, add /wp-admin to the end of your site’s URL. Like so:

    https://linktomarket.wordpress.com/wp-admin/

    From there, navigate to Settings > Reading and toggle the number next to “Blog pages show at most.” Remember to save your changes when you’re done. :)

    We’re right here if extra questions come up, too.

  • Unknown's avatar
    linktomarket · Member ·

    Hi Megan,
    It seems you misundesrtand my question again. When you open my page how many post you will right in front of your eyes ? only 3 or maybe 4…. I know actually there a lot, but to see need scrolling mouse and see down page.. I am not about that. I am asking about when you just opened main page and in front pf you eyes you will see page and there only 3 POSTS you can see only… Maybe if post/picture size and form is smaller like small squares for example 3cmX3cm then we can see many latest post on screen,
    Do you underrtsand what I mean ?
    Thanks

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    Thank you for clarifying.

    You’re right that it’s not necessary for visitors to your site to scroll in order to view all of the content on a page. This is especially true for those viewing your site on smaller devices, such as mobiles or tablets.

    If you’d like, you could use the following custom CSS to reduce the default width of your posts. This will make sure that five posts sit along one line on desktop devices:

    @media only screen and (max-width: 1600px) {
    .posts .hentry {
        width: 20%;
    }
}

    (I can see you’ve also used custom CSS to make other changes to the way your posts look. The above snippet is an alternative for you.)

    Let me know if you have any extra questions.

  • Unknown's avatar
    linktomarket · Member ·

    Hello !
    Great thanks. We found how to do… but
    We found how to do. Look please, main page.
    1) now you see in yellow background “READ MORE» is too big. Possible to change that “READ MORE” button to smaller size ?
    2) About miniature , How to make title smaller but picture bigger ?
    Picture for your reference is attached. Or at least make them look not like that – disproportion.

    Thanks

  • kathrynwp · Staff ·

    1) now you see in yellow background “READ MORE» is too big. Possible to change that “READ MORE” button to smaller size ?

    To reduce the height of the button, add this:

    .link-more {
  line-height: 1;
}
  • kathrynwp · Staff ·

    2) About miniature , How to make title smaller but picture bigger ?
    Picture for your reference is attached. Or at least make them look not like that – disproportion.

    You can reduce the size of the post titles on the blog page with this, tweaking the value as you like to get the size you’re looking for:

    .blog .entry-title {
  font-size: 24px;
}

    You can make the images bigger with something like this. You’ll also need to increase the height of each post so the images don’t get cut off. You can adjust these values as you like to get the effect you’re looking for:

    .posts .entry-media {
     background-size: 80% 50% ! important;
}
.posts .hentry {
    height: 270px;
}
  • Unknown's avatar
    linktomarket · Member ·

    but one small issue :). It does effect to all pages except main page (where is all latest posts). How we can do the same for the main page ?

    thanks in advance for great support !

  • Unknown's avatar
    linktomarket · Member ·

    I mean this one :

    .blog .entry-title {
    font-size: 24px;
    }

    one small issue :). It does effect to all pages except main page (where is all latest posts). How we can do the same for the main page ?

    thanks in advance for great support !

  • Unknown's avatar
    linktomarket · Member ·

    All fixed… Thanks. Remaining only one issue. is
    posts we see.. image in left side and text with title in right and then next 3 posts after is like chess text with title in left side and image in right…
    Possible to make all miniature images in left side and all text in right side.

  • Unknown's avatar
    linktomarket · Member ·

    we did it :)

    @media screen and (min-width: 1601px){
.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-media, .posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-media, .posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-media {float:left;
 }
.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner, .posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner, .posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner, .posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .edit-link, .posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .edit-link, .posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .edit-link{    left: auto;
    right: 0;}

}

    [Moderator’s note: I put your CSS in code tags]

  • kathrynwp · Staff ·

    Glad you worked it out! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

  • The topic ‘dyad – posts on main page (not statistic)’ is closed to new replies.