Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1684581
Problem with Newsletter form CSS Style
Closed

Comments

  • Claudia started the conversation

    Hey there, I've got a problem with the newsletter. I added a text field for the name to every form but the field looks very different to the existing ones. How can I change the css?

    The first form I used is the Newsletter Sidebar. I added some text too and wanted it to display centered. Another issue is that the CSS of the name field is not like the email field. Please help me to change that :)


    This is the coding:

    <div class="eltdf-newsletter-sidebar"><h3>Join Our Newsletter</h3><p>Get exclusive content straight to your inbox!</p>[text* text-694 placeholder "name*"][email* e-mail placeholder "e-mail*"]
    <div class="eltdf-btn-holder">[submit "SIGN UP" ]<span class="eltdf-btn-line"></span></div>
    </div>

    The other form I used is the Newsletter (and Newsletter Light) which I added to the footer of my page. As you can see the name field has a totally different style again, it should look like the email field. Also, somehow the button doesn't show up and is not next to the email field.


    This is the coding I used:

    <div class="eltdf-newsletter">[text* text-902 placeholder "name*"][email* e-mail placeholder "e-mail*"]<span class="eltdf-btn-line"></span>[submit "" ]</div>

    Also the same thing with the button happens on this form:


    I look forward to your help!

    Kind regards, Claudia

  • Claudia replied

    Also another question I have: How can I connect my Instagram feed? I tried it but there is this error showing up...

    {"error_type": "OAuthException", "code": 400, "error_message": "Redirect URI does not match registered redirect URI"}

    What can I do to make this work?

    Thanks in advance :)

  •  1,845
    Elated replied

    Hello,

    1. Please note that you can choose desired Contact Form and Custom Style in Contact Form 7 settings >>

    Before that you need to create Contact Form >> 

    Try to paste the code of any of these three Contact Forms >> 

    <div class="eltdf-newsletter">[email* e-mail placeholder "e-mail*"]<span class="eltdf-btn-line"></span>[submit "" ]</div>
    <div class="eltdf-newsletter light">[email* e-mail placeholder "e-mail*"]<span class="eltdf-btn-line"></span>[submit "" ]</div>
    <div class="eltdf-newsletter-sidebar"><h3>Join Our Newsletter</h3>[email* e-mail placeholder "e-mail*"]
    <div class="eltdf-btn-holder">[submit "READ MORE" ]<span class="eltdf-btn-line"></span></div>
    </div>

    And then go to Theme Options >> Contact Form 7 >> Custom Style X >> and set desired options.


    That should do the job.

    If the problem persist it is possible that some 3rd party is causing this issue on your side. 

    Try to deactivate all of your plugins to make sure they are not causing this issue. If the issue goes away, then you can enable them one by one to find out which one is causing the issue. If you still have issues after you have deactivated all of your plugins, please provide a temporary admin login and URL (in Private Reply) to your site and I’ll take a look.

    2. You can use this 3rd party plugin for Instagram >> https://wordpress.org/plugins/instagram-feed/

    Please let us know if there is anything else we can do for you.

    Thank you,
    Jerry


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.