Viewing 3 replies - 1 through 3 (of 3 total)
  • Steve

    (@championadmin)

    This has been driving me mad also. Shows up on one line (as intended) when NO styles are added…then line breaks when a style is entered. Probably something really simple I overlooked, but I have not been able to correct through through in-line or stylesheet.

    https://confer.capital

    Any ideas?

    jdshawn

    (@jdshawn)

    I am also having the same problem. Anyone find a resolution?

    Steve

    (@championadmin)

    I did, sort of solve the issue on my quick landing page. It was a bunch of trial and error in css.

    There are several posts on this topic and the consensus is that it’s a theme/css configuration thing. The theme author is correct, it is outisde the scope of the plug-in to style our site, but I wanted to verify my issue was css…and so it is.

    MY RESOLUTION (Which was detailed in another post on this forum. I forgot where I found it, but you can search for it.):
    -Add css section in your style sheet
    -Format the correct block and/or inline display option for your needs.
    -Make sure the size of the input field is not too big to allow the button to follow
    -Assign the proper float to either the input field or the button depending upon your usage

    I am no ccs expert, but the following mess worked for me. YMMV:

    /*--Customize MailChimp Subscription Box on Landing Page--*/
    .mc4wp-form {
    	display: flex;
    	justify-content: center;
    	padding: 0px;
    	margin: 0px;
    	border: 0px;}
    /* input fields */
    .mc4wp-form input {
    	display: block;
    	float: left;
    	max-width: 60%;
    	margin: 0;}
     /* submit button */
    .mc4wp-form input[type="submit"] {
    	display: inline;
    	/*--float: right;--*/
    	margin: 0 0 0 10px;}

    Result can be seen here: confer.capital

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Submit/Subscribe button positioning’ is closed to new replies.