[Resolved] Need help to setup gpress

[achmad]

Hello, I like the way blog https://woorkup.com/ to setup the generatepress.

I want to know, How can I have the style of the generatepress like that blog.

Thanks

[David]

Hi there,

the great news is Woorkup uses GeneratePress. So a quick guide using the Customiser options as follows:

1. Layout > Container:
Container Width: 1100px
Separating Space: 25px
Content Layout: Separate Containers
Content Padding 25px (all round)

2. Layout > Sidebars
Set Blog Side Bar layout to Content Sidebar
Widget Padding: 20px;
Right Sidebar width: 30%;

3. Layout > Blog > Archive
Content Type: Excerpt
Display Featured Images: Check
Display Padding around images: Check
Location: Below title
Alignment: Left
Width: 300px Height: Auto.

[achmad]

Thank the tip.

I need help again how to add a line with color below the primary navigation.

An example can be found here : excelfrog.com

Screenshot can be found here : https://pasteboard.co/Ht42jfo.jpg

my site is excelbros.com

Thanks

[David]

You would need to add a little CSS:

.main-navigation {
    border-bottom: 1px solid #fff;
}

[achmad]

This css code does not works.

I use the css code of site library, that is the blog site library. https://gpsites.co/blogg/

#site-navigation{
border-bottom:1px solid #cdcdcd;
}

The result look like this : https://pasteboard.co/HtbhBEt.jpg

I set up the layout–>primary navigation to “float right”.

Thanks

[David]

Hi there, for a full underline you need to set the Primary Navigation logo below header. And to copy the Blogg layout add a Logo to the Primary Navigation.

If you want to keep the nav floated right then we need to put the border on the header so you can target this #masthead in your CSS

[Author]

Posts