Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 1, 2015 at 5:21 pm #512289
    worldfuturecouncil

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

    October 1, 2015 at 5:57 pm #512314
    Elliott

    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

    October 1, 2015 at 6:20 pm #512338
    worldfuturecouncil

    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!

    October 1, 2015 at 8:13 pm #512406
    Elliott

    Hey!

    Yes, you would target it with this though.

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

    Regards,
    Elliott

    October 2, 2015 at 10:19 am #512672
    worldfuturecouncil

    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?

    October 2, 2015 at 2:13 pm #512811
    Yigit

    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

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