Okay
  Public Ticket #2398571
Newsletter sign up bar
Closed

Comments

  • Remmo_B started the conversation

    I would like to have my newsletter sign up bar look similar to the attached screenshot.

    Can you please assist me with this?

    I have placed some html in the footer section widget area however all the different parts all sit one under the other.

    How do I get the same look as the attached example (or close to it)?

  •  8,448
    Tahir replied

    Hey Again,

    You need to select the relevant Footer Columns Option in here : 

    5145338417.png

    and add the Relevant Html code to Footer Columns Accordingly. 

    Thanks


    ThemeNectar Support Team 

  • Remmo_B replied

    Thanks Tahir,

    I have been plugging away at this this morning.

    Can you please help me with the following:

    • How do I style the form so that the "Get It Now" button is on the same line as the Input box for the email address instead of below it?
    • How do I style the input box so that it has a white background?

    Thanks for your help!

  •  8,448
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .mc4wp-form-fields input[type="email"] {
        width: 60%;
    }
    .mc4wp-form-fields input[type="submit"] {
        background: #fff !important;
        color: #000 !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Remmo_B replied

    Thanks Tahir, that worked!


  • Remmo_B replied

    One more question on this Tahir,

    As you can see the Newsletter subscription row sits above the footer. I have made this with WPBakery on the home page. Is there a way to have this Newsletter subscription row added to the footer somehow so that it appears on all pages and posts?


  •  8,448
    Tahir replied

    Hey Again,

    No i am afraid there is no such option available as the Footer HTML markup is separate from the Page Container. 

    Thanks 


    ThemeNectar Support Team