How set the Last Posts on “Homepage” ?

[Christian Baumann]

Hi Marcel, I would like to display the last posts on my homepage. The guest book is on a separate page. Do you know how I can do that? In addition, the “new entry” button is very small and not very visible. How can I make the settings here? Thanks for your help. Greetings Chris

[Marcel Pol]

Hello Chris,

You could either use the widget, if your frontpage supports widgets.
You can also use the shortcode for the widget-layout: [gwolle_gb_widget]. The readme has parameters listed that you can use.
You can also use the standard layout of the list with the main shortcode: [gwolle_gb_write]

About styling for the buttons, could you share the address of the website and explain what you want? I can try to write some CSS that might be fitting with the rest of the website.

Regards, Marcel

[Christian Baumann]

Hello Marcel, thank you very much for your quick answer. The shortcode [gwolle_gb_widget] did exactly what I wanted. The visualization of the last entries. Top. The design could still be optimized. There is not enough line spacing, the stars look very pixelated and in red they would fit the page better. Since the homepage is under construction, I don’t always have it online. Is it possible to send you a private message? Greetings Chris

[Marcel Pol]

Hi Christian,

You can send a private message to marcel@timelord.nl

After that I prefer to have the communication continue here in the forum.

Regards, Marcel

[Christian Baumann]

Hi Marcel,

Thank you for your message. I forwarded you the address of the homepage. Since it is still under construction, I didn’t want to make it public here.

I would be happy to provide your answer here in the forum.

greeting
Christian

[Marcel Pol]

Hi, custom CSS can be added under Appearance > Customizer > Custom CSS

Does this work for you?

html body li.gwolle-gb-widget {
    padding: 13px 0;
    line-height: 15px;
}
html body .rateit .rateit-preset {
    background: url(star.gif) left -16px; // red
    opacity: 0.7;
}

// buttons:
html body div.gwolle-gb input[type="button"],
html body div.gwolle-gb input[type="submit"] {
	border-radius: 7px 7px 7px 7px;
	border-width: 2px 2px 2px 2px;
	border-color: #F44336;
}
html body div.gwolle-gb form.gwolle-gb-write div.input input[type="text"],
html body div.gwolle-gb form.gwolle-gb-write div.input input[type="email"],
html body div.gwolle-gb form.gwolle-gb-write div.input input[type="url"],
html body div.gwolle-gb form.gwolle-gb-write div.input textarea,
html body div.gwolle-gb form.gwolle-gb-write div.input select {
	border-width: 2px 2px 2px 2px;
	border-color: #F44336;
}

I did not manage to reduce the size of the starts, it’s a sprite.

[Christian Baumann]

Hello Marcel,

Great, thank you very much, the distance is now much better. Do you have a solution for how to enlarge the button for the guestbook entry?

Greetings
Chris

[Marcel Pol]

Ouch, for the star.gif you need the full path, since the relative path has changed:
/wp-content/plugins/gwolle-gb-addon/assets/rateit/star.gif

I am not sure about the buttons, could you add these lines to them?

font-size: 18px;
line-height: 46px;
min-height: 40px;
padding: 0 20px 0 20px;

[Author]

Posts