[Support request] Layout Generatepress

Home Forums Support [Support request] Layout Generatepress

Home Forums Support Layout Generatepress

  • This topic has 20 replies, 3 voices, and was last updated 3 years ago by David.
Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #1675626
    Fajri

    1. How to make layout for category pages and blog pages like this ?

    2. How to make widget recent post on sidebar has underline ?

    Pict 1 & 2 : https://prnt.sc/108pemf

    3. Why size category pages and blog pages is not same with single post size ?
    single post less from category / blog pages.

    Pict category width pages : https://prnt.sc/108pgup
    Pict single post width pages : https://prnt.sc/108phdq

    4. How to add author box after content in single pages ?
    like this : https://prnt.sc/108phuu
    url : kuotabro,com/mifi-terbaik-dan-tercepat/
    *change comma with dot

    5. How to add search button on category pages like kuotabro,com/hardware
    https://prnt.sc/108pj4h

    6. How to add share button and Related Post with thumbnail like this ?
    pict : https://prnt.sc/108pk8o
    live url : gpresstheme,com/generatepress-review/

    #1676299
    Fajri

    Hi, please reply my ticket

    #1676315
    Ying
    Staff
    Customer Support

    Hi Fajri,

    As I replied in your another topic, let’s handle one to two questions per topic.

    1. Uncheck the Display posts in columns box at Customizing > Layout > Blog > Columns so that the articles will be displayed in 1 column.

    Go to Customizing> Layout > Sidebars > Blog Sidebar Layout, choose content/ sidebar.

    2. You’ll need some CSS to achieve the dotted bottom border. Here’re some basic border CSS you can learn from:
    https://www.w3schools.com/css/css_border.asp

    Please open new topics for other questions, thanks for your cooperation!

    #1676811
    Fajri

    I’ve follow your suggest for number 1.
    But that not changed

    #1677026
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to the site you want to make those changes to.

    #1677041
    Fajri

    https://fajrialhadi.com/blog/

    The style site not like /kuotabro,com/games/

    *changes comma with dot

    #1677107
    David
    Staff
    Customer Support

    First you need to set the Customizer > Layout > Container to Separate Containers and adjust its padding.

    Then go to Customizer > Layout > Blog >> Archive and set the Post Meta eg. author etc you want displayed. Then down to Featured Images >> Archive and uncheck: Display padding around images

    Once thats done let us know and ill provide the CSS for the remaining styling.

    #1677139
    Fajri

    I’ve do it.
    I see, my blog pages messy.

    After this, what will i do ?

    #1677190
    David
    Staff
    Customer Support

    You need to do:

    First you need to set the Customizer > Layout > Container to Separate Containers and adjust its padding.

    #1677206
    Fajri

    Oke, i’ve do that.

    Next step ?

    #1677554
    David
    Staff
    Customer Support

    Change the Body Background Color to a lighter grey.
    Then in Customizer > layout > container increase the separating space to increase the gap around the posts. And increase the top and bottom padding.
    Then add this CSS for the rounded corners:

    body:not(.single) .inside-article {
      border-radius: 10px;
      overflow: hidden;
    }
    #1677583
    Fajri

    I’ve input the code in additional css.
    But the style is not the same

    #1677737
    Ying
    Staff
    Customer Support

    The css is working, you can’t see them because your body background color is the same as your content background color.

    I simulated it in developer tool when you change your body background color to grey.
    https://www.screencast.com/t/ccJojtXgT41A

    In order to make featured image show full width, go to Customizing > Layout > Blog >Featured Images , uncheck Display padding around images box.

    #1678088
    Fajri

    Great,
    But i’ve a problem.

    Width on single post not same with Category / Blog Pages

    Pict category pages : https://prnt.sc/10ax8ew
    Pict single post : https://prnt.sc/10ax8xc

    How to set width of single post same with category pages ?

    #1678166
    Ying
    Staff
    Customer Support

    It seems coming from a layout element.

    Go to appearance > elements, check if there’s a layout element assigned to single post which set the content width to 800px. Simply disable it will fix the issue.

    Let me know 🙂

Viewing 15 posts - 1 through 15 (of 21 total)
  • You must be logged in to reply to this topic.