Posts

Showing posts with the label Web Design

Add Menu or Remove Menu Link on Woocommerce My Account Page

Image
This tutorial is rarely found on the Search Engine that is why we made a quick guide how you can actually customize your MY ACCOUNT Page of your Woocommerce websites such as Remove Menu  or Add Menu with Links  using only the functions.php  file, so it means no plugin involves, it is useful especially when your client wanted you to add a specific menu that is why we have this tutorial for you. As you can see on the video it has a quick explanation of how to use the code, so just follow the tutorial video above made by Kazuki Tech and then just copy the code we have included here. How To Remove Menu on My Account? add_filter ( 'woocommerce_account_menu_items', 'misha_remove_my_account_links' ); function misha_remove_my_account_links( $menu_links ){ unset( $menu_links['edit-address'] ); // Addresses //unset( $menu_links['dashboard'] ); // Remove Dashboard //unset( $menu_links['payment-methods'] ); // Remove Payment Methods //unset( $menu_links[...

How To Center UL with DIV and Attach Image LIST in HTML and CSS

Image
Very simply, if you know basic HTML and CSS you can do it, I made this post to document myself in the future project, this is to center your list data like a justify one but in center mode, I look at other solution but luckily I see a website which has this kind of style so I made this post to help others looking a solution how to do it, as you can see on the image above the list is image with check icon and this is centered, at first glance you think it's easy, but for advance devs I'm pretty sure they already know this trick, but I just want to share this to some newbie who wants also how to do it. <div style="margin: .5rem 0 16px; font-size: .875rem; line-height: 1.28571429; text-align: center; display: block;"> <ul style="display: inline-block; list-style-type: none; text-align: left; margin: 0; padding: 0; list-style-image: url('https://nahklar.eu/wp-content/uploads/2019/01/checkmark3.png');">   <li>Unsere Mitarbeiter suchen f...