Borderline underneath Email Address Subscription Bar is missing

[juliankhor]

Hi Support
The border underneath the ” Enter Your Email Address ” for the subscription bar at the bottom of the page is not showing up.
I have tried adding this CS code : #footer input[type=”email”] { border-bottom: 2px solid!important; padding-left: 0; } but it still does not show up.Could you please have a look ? Thank you very much for your time.

Warmest Regards
Julian

P.S I have attached an image to show the missing border line.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

What is the password for that specific page?

[juliankhor]

This reply has been marked as private.

[David Martin – Support]

Delete your label, it’s pushed the input down.

Thanks.

[juliankhor]

Hi David
Thank you for the suggestion, unfortunately I am not very familiar with what you have suggested. I am not sure what ” label ” is referring to. Are you able to modify it for me? Or more step by step instruction if you can’t?.Thank you.

julian

[juliankhor]

Is there any way to increase the height of the footer instead, without needing to delete the label?. I need the label.

Thank you
Julian

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

#sf-newsletter-bar {
    height: 250px;
}

[juliankhor]

Hi David
I am afraid it’s still not visible. Apart from the underline boarder, the Subscribe button is not showing up either.
Any suggestions? Thank You!

Warm Regards
Julian

[Rui Guerreiro – SUPPORT]

Hi,

I think I’m seeing it fine, can you try to clear the browser cache.

-Rui

[juliankhor]

Hi Rui, yes you are right, its showing up correctly, however I am trying to have the SUBSCRIBE button on the same row as the email input in order to reduce the height space of the newsletter bar. Would you know how to achieve this? Thanks!!

regards
julian

P.S i just realize the CSS code to increase the newsletter height provided has no effect on Microsoft Edge browsers

[David Martin – Support]

Hi Julian,

The layout is not working as expected as you are not using the correct code we advise and have added extra text content which is pushing the content down.

This is the only code we recommend to recreate the form as per our demo: http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/

[juliankhor]

Thank you, I think I got it working now. thanks!

[Rui Guerreiro – SUPPORT]

Glad it’s sorted. Thanks David.

-Rui