Okay
  Public Ticket #882652
Checkout Page
Closed

Comments

  • Maja started the conversation

    Hello,

    I got a question on Checkout Page:

    How would I be able to move the texts 


    Payment Method

    ----------------------------

    Choose a Payment Gateway 


    more up, so that a white gap is not above the block. Instead the white gap should be underneath the "Choose a Payment Gateway" and the payment methods shown?

    I'd be very thankful for help :(

    Thank youuuu

  •  1,558
    Laborator replied

    Hi Maja,

    Add this CSS to fix it:

    .woocommerce-checkout .vspacer {
        display: none;
    }
    
    h3#order_payment_heading {
        margin-bottom: 30px;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Maja replied

    Thank you! 

    Now that we've changed the gap there, how would we be able to make the gap between the last payment method and the "Your Order" text bigger?

    Thank you so much, Art! :-)

  •  1,558
    Laborator replied

    By using this CSS:

    .woocommerce .woocommerce-checkout-payment .payment_methods {
        margin-bottom: 50px;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Maja replied

    Hey thank you :)

    One more thing for now:

    How would we be able to make the white gap between the end of a page and the footer section bigger?

    Thank you lots & lots!

  •  1,558
    Laborator replied

    Hi Maja,

    Use this CSS for it:

    footer.site-footer {
        padding: 80px 0px 40px 0px;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Maja replied

    Thank youuuu :-)

    One more tiny little thing:

    When logged in as a customer on the "My Order" Page, there is the, in german it's "GESAMTSUMME" not in the right place. I mean it should be on the very right side.

    May you please assist? 

    Thank you lots! :*



  •  1,558
    Laborator replied

    Hi Maja,

    Can you please send us your WordPress username and password? We need to investigate your site and then get back to you if we have a possible solution.

    Make sure to choose Private Reply when you send us sensitive informations!


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Maja replied

    Hello Art,

    we just updated to the latest Aurum version and our footer looks different right now. 

    The center-problem that we've worked on a while ago is now showing again and the social icons look weird.

    May you please help? :-(

    Thank you 

  •  1,558
    Laborator replied

    Hi Maja,

    Add this CSS to the end of your Custom CSS to fix it:

    footer.site-footer .payment-methods li {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .site-footer .footer-bottom .social-networks {
      width: 130px;
    }
    
    footer.site-footer .social-networks li {
        margin: 0 auto !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Maja replied

    Hey Art,

    thank you it worked!

    One more thing though: Would there be a way to change the social icons or at least make the Facebook thingy the same size as the others?

    Thank you lots! :*

  •  1,558
    Laborator replied

    Hi Maja,

    Try using this code, and also changing these values:

    .fa-facebook-f:before, .fa-facebook:before {
        font-size: 34px;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Maja replied

    Hello Art,

    sorry for the late reply. 

    Unfortunately the code below is not working. 

    Would there be a way to change the social icons completely into different icons? 

    Thank you :-)

  •   Maja replied privately
  •  1,558
    Laborator replied

    Hi Maja,

    That's strange, because it should work.

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Maja replied privately
  •  1,558
    Laborator replied

    Hi Maja,

    I managed to fix both of the issues, and there is an order that Imade to test the second issue so you can delete it


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Maja replied privately
  •  1,558
    Laborator replied

    Hi Maja,

    Paste the following CSS in Custom CSS to make it work:

    .header-menu .lab-mini-cart .cart_list li .product-details a {
        text-align: left;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Maja replied privately
  •  1,558
    Laborator replied

    Hi Maja,

    I managed to hide the price but there is a problem that I don't know where is coming from,  but it does not apply the Custom CSS that I add on your site, and also I could see that you have 10+ update notifications so please try to use less plugins on your site and the ones that you use keep them updated.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Maja replied privately
  •   Maja replied privately
  •  1,558
    Laborator replied

    Hi Maja,

    Regarding your further issues; kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum, and we’re glad to help you in your new thread. Will set this ticket as solved from here.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group