Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #512289

    Hi there,

    Quick question. I have installed a Plugin (Give WP https://givewp.com/) which buttons supposedly should inherit the theme´s style, but it doesnt happen with Enfold.

    Here is the link of my Enfold run Website: http://1962flood.martinfreire.com/donate/ (the only button that does inherit it is the one tha appears after clicking on “Donate Now”
    Here is another website of mine that does inherit the style of the theme: http://personal.martinfreire.com/?page_id=2142&preview=true

    I wonder why the Buttons style doesn´t get loaded in Enfold (at least one of the buttons does). Any ideas?

    Thanks!!

    #512314

    Hi worldfuturecouncil!

    That button uses the <button> tag but ours use different HTML markup. You can add it’s class to our button CSS around line 688 in the /enfold/css/shortcodes.css file.

    Best regards,
    Elliott

    #512338

    Hi there, thanks for the quick answer!
    I´m not sure I follow though. As I understand I have to make the Plugin use your HTML Markup and not <button>, right? Or how do I style the <button> tag? Should I write something like

    .button {
    background-color: #b0c4de;
    etc….
    }

    ???

    Thanks!

    #512406

    Hey!

    Yes, you would target it with this though.

    button[type="button"] { background-color: #b0c4de !important; }
    

    Regards,
    Elliott

    #512672

    Hi there!

    Thanks again for the assist! I still the button styled like an “old-school” button (with a horrible shadow, etc) http://1962flood.martinfreire.com/wp-content/uploads/2015/10/Captura-de-pantalla-2015-10-02-a-las-10.13.39.png

    How can I make that button look exactly like an ENFOLD button? This is all I would need, and I do appreciate the help by the way!!

    Thanks!

    PS: what HTML markup for button does Enfold use?

    #512811

    Hi!

    Please add following code to Quick CSS

    button.give-btn.give-btn-reveal {
        padding: 9px 10px 7px;
        font-size: 13px;
        min-width: 80px;
        color: #ffffff;
        background-color: #c3512f;
        border-radius: 5px;
        border: none!important;
    }

    Best regards,
    Yigit

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