Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Nick Ciske

    (@nickciske)

    You can style the W2L submit button with the same CSS as the button in the theme… just add it to your style.css and change the CSS selector to .salesforce_w2l_lead .w2linput.submit

    Thread Starter ??????????????

    (@periago)

    Nick,

    So i have added the following button style from my theme to /yst_plugin_tools.css

    How/where do I change the CCS selector to .salesforce_w2l_lead .w2linput.submit?

    Thanks for the quick reply,
    Mike

    a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link,
    #submit, #comments #respond input#submit, .container .gform_wrapper input.button {
    display: inline-block;
    position: relative;
    color: #999999 !important;
    color: rgba(0, 0, 0, 0.4) !important;
    font-family: ‘Montserrat’;
    font-weight: 400;
    text-transform: uppercase;
    margin: 12px 0px;
    padding: 6px 24px;
    border-radius: 24px;
    border: 2px solid #999999;
    border: 2px solid rgba(0, 0, 0, 0.4);
    -webkit-appearance: none;
    }
    a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
    #submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover {
    color: #333333 !important;
    text-decoration: none;
    border: 2px solid #333333;
    cursor: pointer;
    -webkit-appearance: none;
    }
    .text-white a.button, .text-white #prevLink a, .text-white #nextLink a,
    .text-white .more-link, .text-white #submit {
    color: #999999 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border: 2px solid #999999;
    border: 2px solid rgba(255, 255, 255, 0.6);
    }
    .text-white a.button:hover, .text-white #prevLink a:hover, .text-white #nextLink a:hover,
    .text-white .more-link:hover, .text-white #submit:hover {
    color: #ffffff !important;
    color: rgba(255, 255, 255, 1) !important;
    border: 2px solid #ffffff;
    border: 2px solid rgba(255, 255, 255, 1);
    }
    a.more-link {
    margin-top: 24px;
    }

    Plugin Author Nick Ciske

    (@nickciske)

    Wrong spot! Never edit plugin files directly.

    Custom styling goes in style.css in your active theme.

    Or follow the instructions on the Styling tab in the plugin to add a custom CSS file to your theme for the plugin to use.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Submit Button, How to Change, Format, Use an Image?’ is closed to new replies.