Layout Generatepress

Hi, please reply my ticket

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!

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

Hi there,

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

https://fajrialhadi.com/blog/

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

*changes comma with dot

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.

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

After this, what will i do ?

You need to do:

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

Oke, i've do that.

Next step ?

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;
}

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

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.

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 ?

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 :)