Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
AppPresser CSS tweak examples
CSS Examples
Customize the home page buttons
.custom-page .dark-content {
background-color: #ffffff;
.custom-page .menu-card {
background-color: #fff;
box-shadow: none;
margin: 10px;
width: 85%;
border-radius: 20px 0 20px 0;
color: #ffffff;
Customize the menu
.menu-inner ion-list .item {
border-bottom: none;
font-weight: 500;
padding-bottom: 0;
min-height: 40px;
height: 40px;
.menu-inner .content-md {
#020e66, #70b6c3
.menu-inner ion-list .item {
background-color: transparent;
Add a custom logo
.title { display: none; }
.header:before {
width: 150px;
content: "";
background-image: url(assets/mylogo.png) !important;
height: 100px;
background-size: 160px 32px !important;
background-repeat: no-repeat;
background-position: center top;
z-index: 100;
background-size: 100px;
position: absolute;
left: 0;
right: 0;
top: 10px;
margin: auto;
Tweak the WoCommerce product layout
ul.products {
display: flex;
flex-wrap: wrap;
.product-meta-wrap {
height: 100%;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment