Put button style in shortcode

  • Resolved Coach Afrane

    (@coach-afrane)


    6 years, 10 months ago

    I am using jetpack shortcode to display subscription form on a page. I would like to style just the submit button in the shortcode.

    [jetpack_subscription_form title="My Custom Title" subscribe_text="My custom subscribe text!" subscribe_button="Sign Me Up" show_subscribers_total="1"]

    Is this possible?
    How do I do that?

    Thank you.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Fotis

    (@fstat)

    6 years, 10 months ago

    Hi there,

    Can you please try the following CSS code and let me know if that works for you?

    button {
background: #ffb2a0;
width: 25%;
padding: 0;
border: 1px solid #ffb2a0;
height: 50px;
}

    To add the above snippet go to your Dashboard > Appearance > Customize > Additional CSS

    Thread Starter Coach Afrane

    (@coach-afrane)

    6 years, 10 months ago

    Thanks for the reply, Fotis.

    I am using the jetpack subscription form at three different places on the site. I use shortcode to display the form at one instant.

    Your suggested CSS affects all the others but I want it to affect only the instant with a shortcode.

    The link is displayed on the first row of the page.

    Hope I made it clearer.

    • This reply was modified 6 years, 8 months ago by Jan Dembowski.
    Plugin Support lizkarkoski

    (@lizkarkoski)

    6 years, 10 months ago

    Do I understand correctly? You only want the CSS changes to be applied to this button?

    Plugin Support Velda

    (@supernovia)

    6 years, 10 months ago

    Your suggested CSS affects all the others but I want it to affect only the instant with a shortcode.

    That form has an ID, so if the CSS earlier was otherwise correct, you might try this:

    #subscribe-blog-452 button {
background: #ffb2a0;
width: 25%;
padding: 0;
border: 1px solid #ffb2a0;
height: 50px;
}
    Thread Starter Coach Afrane

    (@coach-afrane)

    6 years, 10 months ago

    The ID keeps changing on page refresh so the CSS doesn’t work.

    Example the id subscribe-blog-471 changed to subscribe-blog-526 after I refreshed the page.

    Plugin Support lizkarkoski

    (@lizkarkoski)

    6 years, 10 months ago

    Did you try subscribe-blog-526 in the CSS that supernovia shared?

    Thread Starter Coach Afrane

    (@coach-afrane)

    6 years, 10 months ago

    It doesn’t work. I have managed to use the jetpack form in another way on the same row.

    I guess I would be fine for now.

    Thank you very for helping.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Put button style in shortcode’ is closed to new replies.