Support » Plugin: Hustle - Pop-Ups, Slide-ins and Email Opt-ins » Advanced CSS form button width:100%

  • Resolved patbell101

    (@patbell101)


    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 Oguz – WPMU DEV Support

    (@wpmudev-support8)

    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

    patbell101

    (@patbell101)

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

    Plugin Support Oguz – WPMU DEV Support

    (@wpmudev-support8)

    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

    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)

    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)

    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)
  • You must be logged in to reply to this topic.