WordPress.org

Ready to get started?Download WordPress

Forums

HTML Submit button won't center (6 posts)

  1. Lecraeman
    Member
    Posted 9 months ago #

    I am having an issue...here is my code:

    <!--START Scripts : this is the script part you can add to the header of your theme-->
    <script type="text/javascript" src="http://seizethebeat.net/wp-includes/js/jquery/jquery.js?ver=2.5.9"></script>
    <script type="text/javascript" src="http://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-en.js?ver=2.5.9"></script>
    <script type="text/javascript" src="http://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/validate/jquery.validationEngine.js?ver=2.5.9"></script>
    <script type="text/javascript" src="http://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.5.9"></script>
    <script type="text/javascript">
                    /* <![CDATA[ */
                    var wysijaAJAX = {"action":"wysija_ajax","controller":"subscribers","ajaxurl":"http://seizethebeat.net/wp-admin/admin-ajax.php","loadingTrans":"Loading..."};
                    /* ]]> */
                    </script><script type="text/javascript" src="http://seizethebeat.net/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.5.9"></script>
    <!--END Scripts-->
    
    <div class="widget_wysija_cont html_wysija"><div id="msg-form-wysija-html525eacfe6cb83-2" class="wysija-msg ajax"></div><form id="form-wysija-html525eacfe6cb83-2" method="post" action="#wysija" class="widget_wysija html_wysija">
    <p class="wysija-paragraph">
        <label>Name <span class="wysija-required">*</span></label>
        <input type="text" name="wysija[user][firstname]" class="wysija-input validate[required]" title="Name"  value="" />
    
        <span class="abs-req">
            <input type="text" name="wysija[user][abs][firstname]" class="wysija-input validated[abs][firstname]" value="" />
        </span>
    
    </p>
    <p class="wysija-paragraph">
        <label>Email <span class="wysija-required">*</span></label>
        <input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Email"  value="" />
    
        <span class="abs-req">
            <input type="text" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
        </span>
    
    </p>
    <input class="wysija-submit wysija-submit-field" type="submit" value="Subscribe!" />
    
        <input type="hidden" name="form_id" value="2" />
        <input type="hidden" name="action" value="save" />
        <input type="hidden" name="controller" value="subscribers" />
        <input type="hidden" value="1" name="wysija-page" />
    
            <input type="hidden" name="wysija[user_list][list_ids]" value="3" />
    
     </form></div>

    It is a form for my websites subscription to our newsletter. I want everything to be centered on the page. So, I highlighted everything and made it align to center. The editor SHOWS everything centered, but when I go to the page the button is NOT centered. I have tried everything...some help would be great! Here is the page:

    http://seizethebeat.net/newsletter/

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    This is really a question for the CF7 forum - for reference see the documentation on using CSS - http://contactform7.com/docs/

    That said, try adding this CSS:

    .wysija-submit {
        display: block;
        margin: 20px auto;
    }
  3. Lecraeman
    Member
    Posted 9 months ago #

    Sorry, I am very much a noob at all of this. Where exactly am I supposed to add this?

  4. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Wherever the newsletter or form plugin(s) allows you to add custom CSS. Or you can try adding a custom CSS plugin and adding it there.

  5. Lecraeman
    Member
    Posted 9 months ago #

    Thank you dude!

    How do I go about deleting or editing this post? Is there anything in that code I posted that could be a vulnerability to my website?

  6. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    You're welcome. You can't edit (after 60 minutes) or delete posts. See: http://codex.wordpress.org/Forum_Welcome#Deleting_.2F_Editing_Posts

    No, nothing there is problematic.

Reply

You must log in to post.

About this Topic