You are currently viewing Code School

Code School

Although a multi-step form looks fantastic on a desktop, the steps are vertical on mobile devices. The following code works to style pagination steps in forminator. 

				
					@media only screen and (max-width: 768px) {
 .forminator-pagination-steps{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.forminator-break{
    height: 1px !important;
    width: 100% !important;
}
}

When a user clicks the default menu for Ocean WP, a column appears. The following code works.

				
					a:focus {
    outline: 0px !important;
    outline: none !important;
}

Hide woocommerce badge with the following code

				
					c/*Hide WooCommerce SALES Badges*/
.woocommerce span.onsale {
display: none;
}

CSS woocommerce price

				
					/* woocommerce-Price-amount*/
.woocommerce-Price-amount{
color: #FF0262;
}

/* woocommerce-Price-amount*/ .woocommerce ul.products li.product .price .amount{ color: #FF0262; }

.price {
    color: #FF0262!important!!!;
}

Events Manager | shortcode

events_calendar

				
					[events_calendar long_events=0 ]
				
			
				
					[events_list style=”5″ scope=”future”]

locations_map

				
					[locations_map width=600 height=400 scope="future"]

events_list

				
					[events_list scope="future" limit=5 pagination=1]