Advanced CSS form button width:100%

  • Resolved patbell101

    (@patbell101)


    5 years, 11 months ago

    Probably my mistake but the advanced css I am using doesn’t seem to do anything I have tried each of the following but perhaps I am not correct somewhere because nothing happens

    .hustle-modal .hustle-modal-optin_form .hustle-modal-optin_button button {width:100%;}
    .hustle-modal .hustle-modal-optin_form .hustle-modal-optin_button button {align:center;}
    .hustle-modal .hustle-modal-optin_form .hustle-modal-optin_button {width:100%;}
    .hustle-modal .hustle-modal-optin_form .hustle-modal-optin_button {align:center;}

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Adam – WPMU DEV Support

    (@wpmudev-support8)

    5 years, 11 months ago

    Hey @patbell101,

    Hope you’re well.

    Are you using any caching system? If you are using please clear your cache after adding CSS codes. Or maybe browser caching causing this did you try on another browser or incognito window after adding CSS codes?

    Cheers,
    Oguz

    Thread Starter patbell101

    (@patbell101)

    5 years, 11 months ago

    No caching yet. Cleared browser cache, tried other browsers… still nothing. Is my css correct?

    Plugin Support Adam – WPMU DEV Support

    (@wpmudev-support8)

    5 years, 11 months ago

    Hey @patbell101,

    Hope you’re well.

    Yes, your CSS is correct, when I try them on my test site I can see some changes. Can you share with us your URL, so I can check live is this custom CSS looks on the page or not?

    Cheers,
    Oguz

    Thread Starter patbell101

    (@patbell101)

    5 years, 11 months ago

    http://gourmetbritain-competition.com/main/
    with .hustle-modal .hustle-modal-optin_form .hustle-modal-optin_button button {width:100%;}

    Nothing happens on chrome after cookie clear or in incognito

    Nor .hustle-modal .hustle-modal-optin_form .hustle-modal-optin_button button {width:100% !important;}

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    5 years, 11 months ago

    Hello @patbell101,

    hope you’re doing good today and don’t mind me chip in here! 🙂

    I guess you’re referring to the “Enter Competition” button. If so, please try the following CSS rule instead:

    .hustle-modal .hustle-modal-message a.hustle-modal-cta {
    width: 100%;
}

    Let us know how that goes!
    Warm regards,
    Dimitris

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    5 years, 10 months ago

    Hello @patbell101,

    it’s been a while since we’ve heard back from you, so I mark this topic as resolved. Feel free to post back here, if more assistance is required and we can re-open it and carry on with it! 🙂

    Warm regards,
    Dimitris

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Advanced CSS form button width:100%’ is closed to new replies.