If you have used the WooCommerce eCommerce plugin for WordPress, you have seen that the default Next and Previous Page links pagination page navigation is not very pretty. Today’s snack is a Tutorial that shows you how to add the WordPress plugin WP-PageNavi to a WooCommerce WordPress site in 3 easy steps to make your product archive page navigation easier to use and improve it’s look with numbered blocks instead of just next/previous links.
[Read more…] about How to add custom pagination page navigation to WooCommerce
Blog
How to customize the default Search Form text in StudioPress Genesis Framework themes
Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to customize the Search Form text in StudioPress Genesis Framework themes.
[Read more…] about How to customize the default Search Form text in StudioPress Genesis Framework themes
How to change WooCommerce product page image size in WordPress
If you are using WooCommerce for an online store plugin for your WordPress site, you may want to change the size of the product image shown on product page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of the product page product image in WooCommerce.
/**
* Change Product Image width on WooCommerce Product Pages
*
* @author WPSnacks.com
* @link https://www.wpsnacks.com
*/
.single .images {
width: 30%!important;
}
Just change the width I listed above with whatever width you want your WooCommerce product page product image to be.
How to enter WordPress Maintenance Mode
Your site may need maintenance from time to time to keep it running smoothly. It is a good idea to keep your site unavailable to visitors while you are doing this maintenance. Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to easily enter WordPress Maintenance Mode.
[Read more…] about How to enter WordPress Maintenance Mode
How to display a Facebook Share button in WordPress using a shortcode
Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to display a Facebook Share button using a shortcode.
[Read more…] about How to display a Facebook Share button in WordPress using a shortcode
How to add custom widget areas to StudioPress Genesis Framework themes
Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to add custom widget areas to your StudioPress Genesis Framework theme.
[Read more…] about How to add custom widget areas to StudioPress Genesis Framework themes
How to exclude a category from the loop on your home page
Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to exclude one or more categories from the loop on your home page.
[Read more…] about How to exclude a category from the loop on your home page
How to center text, div, or other element using CSS in WordPress
If you are using WordPress for your website, you may want to center a div or other element or item on your website. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to center a div or other item in WordPress.
/**
* Center element
*
* @author WPSnacks.com
* @link https://www.wpsnacks.com
*/
#yourdivname {
text-align: center;
}
Just replace #yourdivname with whatever element, either a id(#) or class(.) that you want to have it’s interior elements centered. Hope this helps with your WordPress problem, enjoy.
Welcome
Welcome to WPSnacks.com. Here you will find WordPress Tips, Code Snippets, Tutorials, Theme Help, and lots of other WordPress How To Guides to help you get the most out of your WordPress site or blog.