Button checkout minicart, student bar

[gfdisenio]

Hello!! I want some code to solve some problems. Many I solved with other posts, but these I cannot solve. My website: http://dfadesign.com/ 1- Separation between the buttons of the mini cart. Attached photo 1 https://prnt.sc/thp3mt  2 - The color of the checkout hover button is not changed. See code in photo 1 and 2. https://prnt.sc/thp3mt  https://prnt.sc/thp3un 3- Hide Bar with percentage. And add the word "price" next to the number. Attached image: https://prnt.sc/thp463 4- Hide those elements from the student bar. https://prnt.sc/thp4dx

[Diana]

Point 1: This custom css should work: .woocommerce-mini-cart__buttons.buttons a.button.wc-forward{font-size:9px !important;} refer: http://prntscr.com/ti78jk Point 2: Working: http://somup.com/cYioXZQ9JT Due you want to change it to any other color? Point 3: Edit your course and disable this switch to off the course progress http://prntscr.com/ti7blh Point 4: 

[gfdisenio]

Thanks! 1 - The separation of the buttons on the mini cart on the homepage look bad, but on the cart page they look good. Any solution? https://prnt.sc/tilz6e 2 - The color of the hover check button does not want it to be purple, I want it to be # C7BAB4 like the other colors. https://prnt.sc/tilznr 3 - I repeat this point that I had consulted before: Hide those elements from the student bar. It can? https://prnt.sc/thp4dx Thanks!!

[Veronica]

hi, for 1 use this css p.woocommerce-mini-cart__buttons.buttons { padding:10px 10px !important; } http://prntscr.com/tiv371

---

for 2 a.checkout-button.button.alt.wc-forward:hover { background:#C7BAB4; } http://prntscr.com/tiv6sd

---

for 3: we can remove this from with the help of css but then it will be removed from all users

[gfdisenio]

Thanks!! Everything is resolved. By point 3, if there is no problem it will be removed from all users. I am waiting for the CSS to remove those fields. Regards!

[Veronica]

hi, please you want to hide all these right! https://prnt.sc/thp4dx please share the credentials for this

[gfdisenio]

This reply has been marked as private.

[Veronica]

add this code wp-admin>>appearance>>customize>>custom css .buddypress div#item-nav div#object-nav ul li#bos-bp-achievements-personal-li, li#buddydrive-personal-li, li#forums-personal-li, li#bbbmeetings-personal-li{ display:none; } http://prntscr.com/tlnt5a  

[Veronica]

and i have checked this on phone http://prntscr.com/tlo0vk it is showing perfect!

[gfdisenio]

Thank you very much!! Everything excellent. Now I am going to qualify with 5 stars, very fast responses, like few supports. By consulting the image that is seen from the phone version (https://prnt.sc/tldalq) it is true that it looks good depending on the cell phone, whether it is longer or not. Anyway, is there a code that allows me to upload some 50px the distance between the top and the logo? so that it is not so low.

[Jackson]

Hello Yes, please use this code and customize according to you:https://prnt.sc/tmijow @media (max-width: 420px){ form#vbp-login-form { padding-top:0px !important; margin-top:50px !important; } }

[gfdisenio]

Hello, I appreciate for all your attention, for now I think I have already resolved everything. We can close the ticket. Thank you so much!!!

[Author]

Posts