Submit Button Colour Change??

[faithlux]

Hello There :)

How can i change the Colour of the “Submit” Button (Absenden-Button)??

I use the Theme “Astra” and i tried some Custom CSS but it didnt worked anything.

Here what i’ve tried:

#gwolle_gb_new_entry input[type=”submit”], #gwolle_gb_write_button input {
box-shadow: 0 0.25em 0 0 #B36E09,0 4px 9px rgba(0,0,0,0.75);
border-color: #E0981E;
background-color: #F5A51D;
}
#gwolle_gb_write_button input {
border-radius: 0.25em;
border: none;
padding: 4px 8px;
}

Thx for your advice :)

[Marcel Pol]

Hi, this might be better.
Does this work for you on version 4 of the guestbook plugin?


.gwolle-gb input[type=”button”],
.gwolle-gb input[type=”submit”],
.gwolle-gb input.button {
box-shadow: 0 0.25em 0 0 #B36E09,0 4px 9px rgba(0,0,0,0.75);
border-color: #E0981E;
background-color: #F5A51D;
}
.gwolle-gb-write-button input {
border-radius: 0.25em;
border: none;
padding: 4px 8px;
}


[faithlux]

Thank you. Worked perfectly. :)

Now i got another Problem. I wanna chagne the Font Size and Font Color of the rows..
Name*
E-Mail*
Message*

those 3 are blue and very small by default. How i can change this??

[Marcel Pol]

Hi,
Great that it worked.

You could try this CSS:

label.text-info {
    font-size: 120%;
}

[faithlux]

label.text-info {
font-size: 120%;
}

But when i wanna add the following code bellow the font-size, it doesnt change its color.

color: #000000

so the code shows like this:

label.text-info {
font-size: 120%;
color: #000000;
}

How can i change the color??

[Marcel Pol]

It might be that the targeted element is not specific enough. Could you try with:

html body div.gwolle-gb form.gwolle-gb-write div.label label.text-info {
    font-size: 120%;
    color: #000000;
}

[faithlux]

So if i try this, following Error Shows up.:

Element (div.label) is overqualified, just use .label without element name.
Element (label.text-info) is overqualified, just use .text-info without element name.

And if i apply these changes, the font size changes, but the color is still the same..

I try to apply the font weight by insert:
font-weight: bold;
this worked perfectly.. i can change all settings, except color..

• This reply was modified 1 year, 12 months ago by faithlux.

[Marcel Pol]

Strange thing about these errors, it is valid CSS. Probably someone has an opinion :)

Can you share the address of the website? I can then take a look. Not sure why it is not working, the CSS is very specific. There won’t be other CSS that is more specific than this, so I don’t understand why it won’t work.

[faithlux]

Problem is, that the website is a password protected wedding page..
but i can create a new page, and copy the guestbook. this site isnt in the range of the password protection.

normal css is easy, but i figured out, that css in combination with elementor is weird stuff😅

let me know if this is okay for you? is there any mail or social media i can contact you?
(just in case, if you are german, then lets talk in german.. i am a german.)

[Marcel Pol]

Hi,
Setting up a copy page would be fine. You could use the book_id parameter, so it doesn’t list the entries from the first book.

My email is marcel@timelord.nl and it is fine to let me know the address there. Communication can preferably stay here.
I am Dutch and my German is terrible :)

Have a good weekend,
Marcel

[faithlux]

I mailed you. Thanks for your effort :)

[Marcel Pol]

Hi,
Ehm, well, the screenshots are not of much use to me, sorry to say.

If you do find time, please make a copy of the page and let me know how to access it. I have no idea what is happening. It could be that there is very very specific CSS rules, or maybe the theme is setting CSS in JavaScript. No way for me to tell without looking myself.

[Author]

Posts