Success message box size
-
Is there any way to change the Success message box size?
It seems obvious that the “success” copy will always be shorter than the opt-in copy and therefore will need a smaller box, Bigger copy or something
so am I missing anything?-
This topic was modified 9 years, 1 month ago by
Deganit.
-
This topic was modified 9 years, 1 month ago by
-
Hey Deganit,
Could you please share link to your site where I can see this so I can take a look?
Also if you could make a screenshot and explain which part specifically you want smaller that would help me better understand what you’re trying to do.
Looking forward for your reply π
Cheers,
BojanHi Bojan,
thanks for getting back to me so quickly!
So here is my website- http://dpositiveimpact.com/
Here is the optin – https://www.dropbox.com/s/abcmxah5shdewqu/optin_b4.png?dl=0
and here is the success – https://www.dropbox.com/s/7c6crr8q811r24r/optin_after.png?dl=0As you can see I implemented some CSS to make it look more like how I wanted it to.
I know these changes made the box bigger, but even without these changes (i.e. the default state) the success copy is too small for its box… and I don’t see any options to change the font size or the box size…Let me know if you need more info
D
Hey there Deganit,
Apologies for the delay on this one π
Can you please try adding the following CSS to Hustle -> Email Opt-ins -> Edit -> Custom CSS
.wpoi-success-message.wpoi-show-message { margin: auto; width: 400px; height: 300px; position: relative; } .wpoi-success-message.wpoi-show-message + .wpoi-optin { display: none; }You can adjust width and height values to whatever suits you the most. If the code doesn’t work please keep it added and let me know so I can take a look π
Cheers,
BojanHi,
sadly it’s not working-
This reply was modified 9 years, 1 month ago by
Deganit.
hello again,
any news?
since u asked me to leave the code in I can’t launch my website (it looks bad). PLEASE get back to me ASAPHello (@deganit,
I apologize for the delay.
From code you added can you please remove part: width: 400px; (if you added this code in different place also remove that part).Then try adding this code:
.wpoi-success-message.wpoi-show-message .wpoi-optin.wpoi-align {width: 400px;}Let me know if this will work
kind regards,
Kasialooks ok.
still, would have loved to have more flexibility here but it looks ok for now.Glad to hear it worked for you. I will pass this suggestion along to the Developers.
-
This reply was modified 9 years, 1 month ago by
The topic ‘Success message box size’ is closed to new replies.