Docs

[Andreas Bjerve]

Hi, I´d like the headline of my subscription form (at the bottom of the page) to be one line (not two as it is now) and I´d like to edit the form so as to match the width of the headline sentence.

Can you help me?
Thanks!

[Andreas Bjerve]

This reply has been marked as private.

[Lely]

Hello Andreas,

Thanks for posting in and giving us credentials. I can see that you have figured this out already. Please confirm.

[Andreas Bjerve]

Actually not quite, on my end there´s still a break in the line. Strange. Tried deleting cache also.

[Paul R]

Hi,

Can you provide us a screenshot on how it looks in your end.

I see it in one line too.

http://screencast.com/t/SLn2myLixQ

Thanks

[Andreas Bjerve]

Here´s the view on my end:

https://snag.gy/bYMEjK.jpg

Could it be due to any of my plug-ins perhaps?

[Darshana]

Hi there,

I’m another staff, I have checked your site on Chrome/Firefox on Mac OS and I could not see any issues as you have mentioned (https://snag.gy/SkKihQ.jpg).

You have the following Custom CSS rule.

.x-subscribe-form {
    max-width: 700px !important;
}

Let’s try changing it as follows.

.x-subscribe-form {
    max-width: 800px !important;
    min-width: 800px !important;
}

Let us know how it goes.
Thanks!

[Andreas Bjerve]

Thank you very much! That did the trick 😀

One more question;

is there a way to edit the confirmation message box in the form (which is green by default)? color, transparency – that kind of thing?

Thanks!!

[Darshana]

Hi there,

Glad it works for you.

Also you can try adding the following CSS rule and then change the color values according to your preference.

.x-subscribe-form .x-alert {
    background-color: rgba(60, 40, 100, 0.5);
    color: #ff0000;
}

Hope that helps.

[Andreas Bjerve]

Great stuff, thanks a lot! 😀

One last thing, is there any way to turn off the default text highlight in the confirmation box text?

Thanks!

[Christopher]

Hi there,

Please update previous code to :

.x-subscribe-form .x-alert {
    background-color: rgba(225, 255, 101, 0.5);
    color: #FF9700;
    text-shadow: none;
}

Hope it `helps.

[Andreas Bjerve]

Great, thanks 🙂

Merry Christmas to all of you! Fantastic support you guys are giving! 😀

[Christopher]

Merry Christmas!
We are glad that we could help you with this.

[Author]

Posts