Home › Forums › Guestbook Add-On › Field names have a dark blue background
Tagged: fields
- This topic has 7 replies, 2 voices, and was last updated 10 months ago by craig@cnlpcb.com.
-
AuthorPosts
-
26 February 2022 at 01:18 #7499craig@cnlpcb.comParticipant
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?
28 February 2022 at 11:56 #7502Marcel PolKeymasterHi, 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?
28 March 2022 at 00:05 #7639craig@cnlpcb.comParticipantHi 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
28 March 2022 at 18:56 #7643Marcel PolKeymasterHi, 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%);
}
28 March 2022 at 23:07 #7644craig@cnlpcb.comParticipantHi 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
30 March 2022 at 08:56 #7655Marcel PolKeymasterHi,
What a mess :)
Does this work?
html body div.gwolle-gb div.label,
html body div.gwolle-gb label.text-info {
background-color: transparent;
}
31 March 2022 at 01:21 #7656craig@cnlpcb.comParticipantAlmost…
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
31 March 2022 at 01:24 #7657craig@cnlpcb.comParticipantactually, just cleared cache and it is looking ok, thanks ver much for your help Marcel :)
-
AuthorPosts
- You must be logged in to reply to this topic.