• Resolved mapo85

    (@mapo85)


    Hi,
    how can I move this “Total donation” row (see photo) to the right?
    esempio

    thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Matt Cromwell

    (@webdevmattcrom)

    This should get you most of the way there:

    p#give-final-total-wrap {
        display: inline-block;
        float: right;
        clear: both;
        margin: 20px 0;
    }

    Try that and let us know how it works for you. A live link to the results would help us a lot as well though.

    Thread Starter mapo85

    (@mapo85)

    Hi,
    Thanks for the reply, I decided to change the setting.
    I created it in this style which is, in my opinion, more modern. I will send you the code if you are interested.
    However, I wanted to shorten the line with the various values and raise it next to the text input. Can you help me with that?
    Thank you

    example2

    • This reply was modified 5 years ago by mapo85.
    Thread Starter mapo85

    (@mapo85)

    /* form dona ora*/
    .give-text-input{
    	border-width: 1!important;
    	border-color: #E9E9E9 !important;
    	border-right: none!important;
    	
    	
    }
     .give-currency-symbol{
    	 
     border-width: 1!important;
    	 color: #454243!important;
    	 border-left: none!important;
    	 border-color: #E9E9E9 !important;
    	
    	 background-color: #f7f7f7 !important;
    	 
    	}
    
    .give-select-level {	border-width: 1px;
    	border-color: #E9E9E9 !important;
    	width: 100%!important;
    	background-color: rgba(0,0,0,0) !important;
    	
    	
    }
    
    .form-row input{
    	border-width: 1px;
    	border-color: #E9E9E9 !important;
    	padding-top: 22px !important;
        padding-bottom: 22px !important;
        padding-left: 22px !important;
    	background-color: rgba(0,0,0,0) !important;
    	    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
        font-weight: 300!important;
        font-size: 14px!important;
        line-height: 1em!important;
        text-align: left!important;
    }
    .give-final-total-amount {
    border-width: 0px!important;
    	color: #4899c4;
    	font-weight: bold!important;
    		display: none;
    
    	}
    .give-donation-total-label {
    	border-width: 0px!important;
    	border-color: #E9E9E9 !important;
    	background-color: #ffffff!important;
    	text-transform: uppercase;
    	color: #4899c4!important;
    	font-weight: bold!important;
    		display: none;
    }
    
     .give-form-title {
    	 display: none;
    }
    .give-form legend{
    	text-transform: uppercase;
    	display: none;
    }
    
    .form-row label {
        display: none!important;
    	}
    
    .give_terms-593{
    	font-weight: 300;
    font-size: 14px;
    	
    }
    
    .give-submit {
        border-width: 2px;
        border-color: #4899c4;
        color: #4899c4;
    
    	font-weight: bold;
    	    letter-spacing: 1px;
    	text-transform: uppercase;
    	border-radius: 81px;
        font-size: 14px;
        font-family: 'Montserrat';
    	
    			background-color: rgba(0,0,0,0);
    }
    
    .give-btn:hover {
        background: #4899c4;
    	   border-width: 2px;
        border-color: #4899c4;
        color: #ffffff;
    
    	font-weight: bold;
    	    letter-spacing: 1px;
    	text-transform: uppercase;
    	border-radius: 0px;
        font-size: 14px;
        font-family: 'Montserrat';
    	    transition: all 300ms ease 0ms;
    	
    }
    
    .give_terms_links {
        display: none;
    }
    
    give_terms_agreement label{
    	color: #454243!important;}
    Thread Starter mapo85

    (@mapo85)

    Hi, can you help me?
    thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move row to the right’ is closed to new replies.