Change the Design of the Guestbook

Hello cfredricksen,

You can do all that with CSS, take a look here ??

Thank you for your response. But the thread you gave me the link for is pretty specific and doesn’t really help me.I have figured out some items myself. But I can’t find a way to change the background of the entries. It is now light gray.Can you help me or should I ask the question in the thread you gave me the link for?

• This reply was modified 1 year, 11 months ago by cfredricksen.

Hello, That link does provide some CSS for the buttons. I believe it really should be the theme that is adding styling to buttons and form fields.

Can you share the link to the website? I will be happy to take a look and see if I can provide some CSS as a starter.

Aha, I did manage to find a website. The form looks good to me now. You might have managed that already?

For the grey background of an entry, it is written by an admin. There is a setting that will make admin entries have a grey background.
If I recall correctly, by default it is off, because too many people were confused by it.

Can you manage?

Thank you. Sure I share the link with you.

Wp.giant-hogweed.com

I was able to change button color, background of the entry, font height and some minor things. But I’m not able to change this…

A link to a screenshot, to understand what I mean

<a href=”https://ibb.co/YX5nQ1v”><img src=”https://i.ibb.co/YX5nQ1v/guestbook.jpg&#8221; alt=”guestbook” border=”0″></a>

Hi, for that background, you can go to Gusetbook > Settings > Reading-tab.

There should be an option to style the admin entries. You can disable that if you want.

Also, if you log out and post an entry, it will not have such a grey background, it is only for admins.

Ah, great. That works.
But is there an option (even with CSS) to assign a different color for this part?

• This reply was modified 1 year, 11 months ago by cfredricksen.

Would this CSS be what you mean?
It does need that option switched on again.

html body .gwolle-gb .admin-entry {
color: #333;
background-color: #e4d86b;
border-radius:5px;
}`

(Oh, this Gutenberg editor is still a mess…)

• This reply was modified 1 year, 11 months ago by Marcel Pol.
• This reply was modified 1 year, 11 months ago by Marcel Pol.

With this code I can change the color of the writer, but not the color of the field.
Would this only apply to entries from the admin or all? I would love it if all entries were in one field with a different color.
Could you test writing something in the guestbook? Otherwise there are only admin entries from me in it and I can’t check it properly ??

Is this better?

html body .gwolle-gb .admin-entry {
color: #333;
background-color: #e4d86b;
border-radius:5px;
background-image: -webkit-linear-gradient(top, #e4d86b, #e4d86b);
}

• This reply was modified 1 year, 11 months ago by Marcel Pol.

Improved version:

html body .gwolle-gb .admin-entry {
color: #333;
background-color: #e4d86b;
border-radius:5px;
background-image: -webkit-linear-gradient(top, #e4d86b, #e4d86b);
background-image: -moz-linear-gradient(top, #e4d86b, #e4d86b);
background-image: -ms-linear-gradient(top, #e4d86b, #e4d86b);
background-image: linear-gradient(top, #e4d86b, #e4d86b);
}

This editor is hell.

• This reply was modified 1 year, 11 months ago by Marcel Pol.
• This reply was modified 1 year, 11 months ago by Marcel Pol.

By the way, this would be a good addition too.

html body .gwolle-gb .gb-entry {
border-top: 1px #e4d86b solid;
}

The improved version is exactly what I was looking for.
Thank you so much.
Does this apply to all entries? So also from “normal” users? Not only for the admin?

With the “addition” the line under the last entry disappears. That’s good. But is it possible to pull the single fields apart, so that there is a space between the entries?

About that border, you could play with it a bit:

html body .gwolle-gb .gb-entry {
border-top: 3px #3f5900 solid;
}