Support » Plugin: Gwolle Guestbook » Change the Design of the Guestbook

Change the Design of the Guestbook

  • cfredricksen

    (@cfredricksen)


    5 months, 2 weeks ago

    Hello,

    I have installed the Guestbook, but how can I change the design in it? For example, the background of the posted entries or the field in which you write an entry. This field has no background, it is transparent.

    I would also like to customize the color of the buttons and the color of the font in the buttons. This works neither with the GWolle settings nor with those of WordPress.

    I would be happy about an answer.

    • This topic was modified 5 months, 2 weeks ago by cfredricksen.
Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • wpapm

    (@wpapm)

    5 months, 2 weeks ago

    Hello cfredricksen,

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

    Thread Starter cfredricksen

    (@cfredricksen)

    5 months, 2 weeks ago

    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 5 months, 2 weeks ago by cfredricksen.
    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

    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.

    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

    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?

    Thread Starter cfredricksen

    (@cfredricksen)

    5 months, 2 weeks ago

    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…

    Thread Starter cfredricksen

    (@cfredricksen)

    5 months, 2 weeks ago

    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>

    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

    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.

    Thread Starter cfredricksen

    (@cfredricksen)

    5 months, 2 weeks ago

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

    • This reply was modified 5 months, 2 weeks ago by cfredricksen.
    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

    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 5 months, 2 weeks ago by Marcel Pol.
    • This reply was modified 5 months, 2 weeks ago by Marcel Pol.
    Thread Starter cfredricksen

    (@cfredricksen)

    5 months, 2 weeks ago

    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 😉

    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

    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 5 months, 2 weeks ago by Marcel Pol.
    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

    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 5 months, 2 weeks ago by Marcel Pol.
    • This reply was modified 5 months, 2 weeks ago by Marcel Pol.
    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

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

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

    Thread Starter cfredricksen

    (@cfredricksen)

    5 months, 2 weeks ago

    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?

    Plugin Author Marcel Pol

    (@mpol)

    5 months, 2 weeks ago

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

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

Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • You must be logged in to reply to this topic.

Views