Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Resolved] Editing the Blog or Post Pages

Home Forums Support Editing the Blog or Post Pages

This topic contains 12 replies, has 3 voices, and was last updated by  Tom 1 month, 1 week ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #364979

    Hey all,

    I am VERY new so I apologize if what I am asking may have been answered or is incredibly obvious to everyone else.

    I”m using Elementor Pro and GeneratePress Premium as my first attempt.

    I have used the post widget (from Elementor Pro) to create cards for my posts and they are displaying beautifully.

    The problem comes after someone clicks on the ‘READ MORE’ button which goes to a page that contains the full contents of the article.

    I can’t seem to edit THAT page layout.

    How can I do so?

    Is it even possible to do so?

    Any workarounds?

    GP Premium 1.4.2
    #364987

    Leo
    Staff

    Hi there,

    Hmm that sounds like the single post page which you should be able to edit with the Elementor.

    Can you link me to one of those pages so we can be sure?

    Thanks!

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #364992

    Hey Leo,

    I found out that the post page is heavily reliant on different footers/ content area/ and sidebar widgets, which makes it a little harder to wiggle around.

    All of these I will learn, I’m just wondering, how can I remove or edit these highlighted portions which are part of the post ‘widget’ I presume?

    https://snag.gy/mEvszx.jpg

    #365204

    Leo
    Staff

    You can hide the date, author, categories and tags using the customizer: https://docs.generatepress.com/article/blog-overview/

    Option to hide post navigation will be in the future release. For now try this CSS:

    .post-navigation {
        display: none;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know.

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #365209

    Hey Leo, It’s okay, Im slowly finding out the answers via scouring the interwebs.

    I now have a new question on mobile responsive portion:

    https://snag.gy/Pbj3Ji.jpg

    I’m wondering if there’s any way of presenting that in a better way through css?

    I found out how to edit it via searching online using css but I’m not sure of the best practices

    #365214

    Leo
    Staff

    Hmm the above CSS should’ve hidden that. Or do you actually want to show it?

    If so can you link me to the page?

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #365218

    Hey, yes, ive decided to show it so that people can navigate; i was wondering if i can enclose it in a button you know? make it look nice and have a max character of 10 so it doesnt mess up the formatting on phones

    #365220
    #365434

    Leo
    Staff

    Looks like you added these CSS?

    .cat-links,
    .nav-previous {
        float: left;
    }
    
    .tags-links,
    .nav-next {
        float: right;
    }
    
    .post-navigation {
        clear: both;
    }
    
    .site-main .post-navigation {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    }
    
    .nav-previous,
    .cat-links {
    float: left;
    font-family: "EB Garamond"
    }
    
    .nav-next,
    .tags-links {
    float:right;
    font-family: "EB Garamond"
    }

    The default style should be pretty good for mobile?

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #365492

    Yup, I copied it from looking through the forums.

    However, when the title becomes too long, it starts to overlap like in the screenshot I showed you.

    Is there a way to do the following:

    “I was wondering if i can enclose it in a button you know? make it look nice and have a max character of 10 so it doesnt mess up the formatting on phones”

    Any help will be appreciated!

    #365519

    Tom
    Lead Developer

    You could try something like this:

    .single .post-navigation a {
        display: inline-block;
        background: #222;
        color: #fff;
        padding: 5px 10px;
        margin: 10px 0;
    }
    
    .single .post-navigation a:hover {
        background: #000;
        color: #fff;
    }
    
    .nav-next .next:before,
    .nav-previous .prev:before {
        display: none;
    }
    
    @media (max-width: 768px) {
        .nav-previous, .nav-next {
            float: none;
        }
    }
    #365723

    https://snag.gy/K906FD.jpg

    Thanks, this is the result of your help,

    You guys rock!!!

    #365761

    Tom
    Lead Developer

    Glad we could help! 🙂

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.