Submit Button Colour Change??

Home Forums Guestbook Add-On Submit Button Colour Change??

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #7637
    faithlux
    Participant

    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 :)

    #7642
    Marcel Pol
    Keymaster

    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;
    }

    #7750
    faithlux
    Participant

    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??

    #7754
    Marcel Pol
    Keymaster

    Hi,
    Great that it worked.

    You could try this CSS:

    label.text-info {
        font-size: 120%;
    }
    #7761
    faithlux
    Participant

    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??

    #7762
    Marcel Pol
    Keymaster

    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;
    }
    #7763
    faithlux
    Participant

    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 5 months ago by faithlux.
    #7765
    Marcel Pol
    Keymaster

    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.

    #7769
    faithlux
    Participant

    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.)

    #7776
    Marcel Pol
    Keymaster

    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

    #7801
    faithlux
    Participant

    I mailed you. Thanks for your effort :)

    #7842
    Marcel Pol
    Keymaster

    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.

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