[Support request] Simple Blog

[Serkan]

Hello,

I’ve bought generatepress with the last blackfriday deal, but unfortunately never really used generatepress.
After a lot of fiddling around, I decided to try elementor and I’ve some decent results with elementor (all one pager)
So I actually never used generatepress and I think, I never really understood the concept of generatepress.
Now I’m feeling really lost, I just want a simple Blog which is easy to manage and mobile responsive, but all these elements, activate – deactivate parts are making me nuts. I can’t even find the prebuilt templates, how can I use them?
Can anybody suggest me what is the best way to just build a simple blog from a template?

thanks in advance

[David]

Hi there,

you can install one of the many pre-built blog sites from our site library:

https://docs.generatepress.com/article/using-the-site-library/

[Serkan]

Thanks David,

is there a comprehensive Tutorial, which is showing me how to customize the chosen Template.
It’s so complicated and confusing to me. When I’m in the customizer view and I try to change the logo, nothing happens after saving and publishing. With elementor, I literally drag and drop things in place and the rest is basically just playing around with padding and margin.

[David]

Are you starting a new site? Or trying to add a blog to an existing one? If the latter can you link me to the site?

[Serkan]

I try to set up a new blog, I’m doing it local so I can’t link you. But is there another view or way to customize the theme?

[David]

The Customizer is the main ( and easiest ) way to customize the Theme.
Things to note, if you have been creating pages with Elementor and have selected the Canvas template then NO theme Elements will be displayed.

First off make sure you have the various modules activated in Appearance > GeneratePress:

https://docs.generatepress.com/collection/add-ons/

To set-up the blog:

1. Create a new Page – name it Blog. And publish that. Don’t add any content.
2. Dashboard > Settings – and set that page as your Posts Page.
3. Now visit that page, and hit Customize in the admin bar. And go to Layout > Blog where you can change the layout and content.

[Serkan]

Thanks again David,

Ok so far so good, but still the editing functions of the customizer are so limited and inflexible.
I want a blog like this one https://mangools.com/blog/

I use the “Marketer” template from the generatepress library and if I want to change the look of the post boxes, for instance, from the edgy box to a rounded box, how can do this. Also the startpage picture like on the example blog page, how can I add a picture element above?

Can I edit that without editing the css?

[David]

That sort of styling would require some CSS. For the border radius and hover shadow:

body:not(.single) .inside-article {
    border-radius: 5px;
    transition: 0.2s ease-in;
}

body:not(.single) .inside-article:hover {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
}

The other changes are more complicated. Could get you somewhere similar if you want some assistance with that.

[Serkan]

Hi David,

Thanks for your support.

I booked a freelancer, but he wasn’t able to handle generatepress. It was a disaster a really bad experience and I lost a lot of time again.
Now I came back to your post and I’v installed simple css, great plugin btw and your code snippet worked perfectly.
Eventually, I’ve decide to build everything by my self with your support.

Hopefully you can guide me with the following questions:

How can I move the Logo to the left, without moving the whole menu to the left

How can I further adjust the padding and marin of the widgets?

and how can I edit the container blocks so that I have a feature Image and a Icon from the publisher like on the provided screenshot

thanks in advance

Edit:
And can you please tell me how can add a screenshot here, none of my shared screenshots appearing? 🙁

[David]

1. Logo alignment – maybe the Navigation as Header Option would be simplest:

https://docs.generatepress.com/article/navigation-as-a-header/

2. Widget Padding – can be set in Customizer > Layout > Footer or Layout > Sidebar:

https://docs.generatepress.com/article/widget-padding/

3. You want to display the author image on the post?

To add a screenshot you use the img button in the editor and add the URL to the image. The image has to be hosted somewhere of course. If you want to share images in your DropBox, Google Drive or other cloud share then simply add the share URL to the image.

[Serkan]

Thanks David,

1. apparently something has stucked in my browser, after a refresh I was able to move the Logo were I want it to.

2. OK the padding alignment worked, but I didn’t find a setting for the gap between the the boxes.

3. Kind of, but more important is the feature image for the posts

I did used the img button, but apparently imgur isn’t supported it has broken all the sreenshots.
Anyway, I’ve linked Gdrive as recommended.

Edit: I’ve posted the links directly img button did not worked as expected 🙁
https://drive.google.com/file/d/19KBngV93Yl6nEf_k8_a5qrcgj3XycFUs/view?usp=sharing
https://drive.google.com/file/d/1rbp8CRwEmi9A9FqrZ0o-50pFGpo5y1sB/view?usp=sharing

[David]

Those links require permission for us to view 🙂
The IMG button will only work if its a direct URL to an image, like an image in your wordpress media library

[Serkan]

OK I’ve updated the links above. I hope you have access now 🙂

[Leo]

2. The gap is determined by the separating space option:
https://docs.generatepress.com/article/separating-space/

3. I believe this should help:
https://docs.generatepress.com/article/entry-meta-style/

Let us know 🙂

[Serkan]

Hey Leo,

it worked perfectly, thanks both of you.

A quick question, I’m in the Customizer and I see my Page it’s published, but under Pages I didn’t find my page. Did I miss anything?

[Author]

Posts