• Resolved tslofphoenix

    (@tslofphoenix)


    I’m using the Ocean WP theme, but with an Elementor Page Builder. I would like to change (1) the background color and (2) the size of the WRITE A NEW ENTRY BOX and (3)the SUBMIT button. I found some CSS on this forum, but it’s not working. Perhaps, it’s due to the page builder. (I would also like (4) to delete the words, (no entries yet.) Thank you.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Author Marcel Pol

    (@mpol)

    Hi, that should be possible. I could even write some CSS for you to get started. Could you give me entry to the website? I assume it is not public yet but with some login code I could access it?

    About the “(no entries yet)”, that will change once there is an entry. You could even write your first entry with an invitation to post entries.

    Thread Starter tslofphoenix

    (@tslofphoenix)

    I’m happy to send a temporary login, but privately, of course. How do I do that?

    Plugin Author Marcel Pol

    (@mpol)

    Oh, sorry, ofcourse.

    My email is [email protected]

    Preferably just a password to bypass the “under construction” plugin, otherwise a role as low as possible (definitely not admin).

    Thread Starter tslofphoenix

    (@tslofphoenix)

    Sorry, I failed to notify you here that I sent the information you requested to your email.

    Plugin Author Marcel Pol

    (@mpol)

    Does this CSS work for you?
    You can add it at Appearance > Customizer > Custom CSS.
    With the padding, you could play with values, they are 1.top, 2.right, 3,bottom, 4.left.
    The colors are taken from the logo, hopefully they are okay with you.

    html body .gwolle-gb input.button {
    padding: 10px 10px 10px 10px;
    background-color: #9436ff;
    }
    html body .gwolle-gb input.button:hover,
    html body .gwolle-gb input.button:active {
    background-color: #ff85ff;
    }

    • This reply was modified 1 year, 5 months ago by Marcel Pol. Reason: this editor is hell
    Thread Starter tslofphoenix

    (@tslofphoenix)

    Shucks! I was so sure it was going to work. It didn’t. Must be Elementor that is interfering. I don’t have Elementor Pro installed which has a section specifically for CSS. The free version does not. Unless you have other ideas, we can mark this closed.

    Plugin Author Marcel Pol

    (@mpol)

    Does this work?

    html body .gwolle-gb input[type=”submit”],
    html body .gwolle-gb input[type=”button”] {
    padding: 10px 10px 10px 10px;
    background-color: #9436ff;
    }
    html body .gwolle-gb input[type=”submit”]:hover,
    html body .gwolle-gb input[type=”submit”]:active,
    html body .gwolle-gb input[type=”button”]:hover,
    html body .gwolle-gb input[type=”button”]:active {
    background-color: #ff85ff;
    }

    Thread Starter tslofphoenix

    (@tslofphoenix)

    Unfortunately, it doesn’t budge. I cleared the cache on the site and the browser. No change.

    Plugin Author Marcel Pol

    (@mpol)

    Hi, the comments are wrong ??

    It should be:

    /* This is a comment */

    Thread Starter tslofphoenix

    (@tslofphoenix)

    Thank you, thank you, thank you for catching that. Everything works fine now. ??????

    Plugin Author Marcel Pol

    (@mpol)

    Great to hear ??

    There are still more faulty comments in the custom CSS.

    Thread Starter tslofphoenix

    (@tslofphoenix)

    I think I fixed them all now. Thanks. By the way, the coding did turn the buttons purple. Not the hex colors I indicated, but I’m happy, at least they aren’t blue any more. ??

    Thread Starter tslofphoenix

    (@tslofphoenix)

    Oops! I see that I have prior entries from you in the Customizer. Trying to figure out which ones to delete. The first one seems to be the one that is working. It changed both buttons.

    Plugin Author Marcel Pol

    (@mpol)

    Could you (temporarily) remove that first one? The second one should have the right colors and a hover/active state with the pink.

    Plugin Author Marcel Pol

    (@mpol)

    And there is a ‘:’ missing here: “div.gwolle-gb-total{display”

    ??

    Oops, edit:

    There is a closing ‘}’ missing ??

    • This reply was modified 1 year, 5 months ago by Marcel Pol.
Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Changes to Styling: Submit Button and Entry Button’ is closed to new replies.