Field names have a dark blue background

Home Forums Guestbook Add-On Field names have a dark blue background

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #7499
    craig@cnlpcb.com
    Participant

    When I write a new guest book entry, the field names are black text on a dark blue background.

    How do I change the field background color?

    #7502
    Marcel Pol
    Keymaster

    Hi, this CSS should work:

    .gwolle-gb label.text-info {
        background-color: #fff;
    }

    If it doesn’t work, could you then share the address of the website?

    #7639
    craig@cnlpcb.com
    Participant

    Hi Marcel,
    I’m sorry I haven’t replied sooner but I wasn’t notified of your response to my question.
    Thanks for you help though, that worked to some extent. The background is white but the field borders are dark blue. How would I change the border color to be consistent with the theme?
    Also, the buttons do not follow the settings of the theme which are:

    #29a4b5 button background
    #04808b button hover.

    See: https://visitpcb.com/guest-book/

    Any help you can give is greatly appreciated.

    Craig

    #7643
    Marcel Pol
    Keymaster

    Hi, does this CSS work?

    By the way, can I hate these themes with a passion? :)
    They should make this CSS for all buttons, not just their own. That is what a theme is for.
    Could you contact the theme maintainers and point them here? If their code ever gets changed, you have to redo it all.


    .gwolle-gb input[type=”button”],
    .gwolle-gb input[type=”submit”],
    .gwolle-gb input.button {
    border: 1px solid #1d98a9;
    background: linear-gradient(to bottom,#229ea9 0%,#04808b 100%);
    }
    .gwolle-gb input[type=”button”]:hover,
    .gwolle-gb input[type=”submit”]:hover,
    .gwolle-gb input.button:hover {
    background: #29a4b5;
    background: linear-gradient(to bottom,#47c2d3 0%,#29a4b5 100%);
    }

    #7644
    craig@cnlpcb.com
    Participant

    Hi Marcel,
    Thanks for that, the button works beautifully, but now the Input field names are back to dark blue.
    As you can tell, I am not a css coder…
    How do I get both the button to be the correct colors AND the filed input background to be white?

    Thanks again!

    Craig

    #7655
    Marcel Pol
    Keymaster

    Hi,
    What a mess :)
    Does this work?


    html body div.gwolle-gb div.label,
    html body div.gwolle-gb label.text-info {
    background-color: transparent;
    }

    #7656
    craig@cnlpcb.com
    Participant

    Almost…
    https://visitpcb.com/guest-book/

    it is close…thanks…but the button has reverted to being white.

    I don’t want you spending a load of time on this.

    Thanks for your help.

    Craig

    #7657
    craig@cnlpcb.com
    Participant

    actually, just cleared cache and it is looking ok, thanks ver much for your help Marcel :)

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.