Code Snippets

The quickest way to use this section is to search using a search term.

Have you contributed your favorite snippets yet? Check your submissions using the link attached to your welcome message in the header.

Snippets include php, javascript or css code to help customise your site. If you wish to add some helpful bits of code you can submit it here for review. All contributions welcome!

Language:           Keyword:             
Style Woo Commerce Account Page
Go to your account page and edit it in cornerstone (I use container but remove the row container and remove all the section padding) Add this shortcode to a text box

Login

then add this CSS to the in page custom CSS
See this code in use here: 
Submitted by: XAdmin
Language: CSS

Show Site Favicon in Admin Area
You can show your website favicon in the WP Admin area by adding the above code snippet to your child theme's functions.php (Of course, you'll need to have added your Site Icons in [Appearance -> Customizer -> Site Icons] for this to work)
See this code in use here: 
Submitted by: conorseed
Language: PHP

Center footer widgets
To Center all the footer widgets, regardless of number.
See this code in use here: 
Submitted by: XAdmin
Language: CSS

Add a Logo to WP Cost Estimation & Payment Forms Builder
The image must be under 480px in order to show well in every single device because unfortunately I don't seem to find a way to resize the image.
See this code in use here: 
Submitted by: XAdmin
Language: CSS

Vertically Align Button to Bottom of Column
Aligns buttons towards the bottom of a column. Edit the 10px to change height.
See this code in use here: 
Submitted by: XAdmin
Language: CSS

Change width of button outlines
See this code in use here: 
Submitted by: Dan
Language: CSS

Set Navigation Menu Break Point
Change max width as required. To center the button remove the float property. Change the block fixed width and height as required.
See this code in use here: 
Submitted by: Dan
Language: CSS

Make column heights equal with some JS
It goes in the customizer javascript box, and you apply the class “equalize” to the columns you want to be equal height.
See this code in use here: 
Submitted by: Dan
Language: JavaScript