How to hide result count display in WooCommerce in WordPress

If you are using WooCommerce for an online store on your WordPress site, you may want to hide the result count “showing the single result” or however many products you display on your Shop page and other product archive pages. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the product result count display on product archive pages in WooCommerce.

/**
 * Hide WooCommerce Product Result Count Display
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.archive .woocommerce-result-count {
	display: none;
}

That’s it, now the product result count display should be hidden from your product archive pages. Hope this helps, enjoy.

How to remove WordPress secondary sidebar in StudioPress Genesis

If you are using StudioPress Genesis, you may notice that a lot of the themes have a secondary sidebar that you might not be using and you may want to remove it from the available widgets. Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to unregister and remove the secondary sidebar in StudioPress Genesis.
[Read more…]

How to change the width of something using CSS in WordPress

If you are using WordPress for your website, you may want to change the width of an element or item on your website. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of an item in WordPress.

/**
 * Change item width
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
#yourdivname {
	 width: 100px;
}

Just replace #yourdivname with whatever element, either a id(#) or class(.) that you want to change the width for and change the width to whatever size you want, either in pixels(px) or percentage(%). Hope this helps with your WordPress problem, enjoy.

How to hide something on the Home page in WordPress

If you are using WordPress for your website, you may want to hide something, some element, on the Home page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide something from the Home page in WordPress.

/**
 * Hide something on Home page
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.home #yourdivname {
	 display: none;
}

Just replace #yourdivname with whatever element, either a id(#) or class(.) that you want to hide on the Home page. Hope this helps with your WordPress problem, enjoy.

How to change the height of something using CSS in WordPress

If you are using WordPress for your website, you may want to change the height of an element or item on your website. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the height of an item in WordPress.

/**
 * Change item height
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
#yourdivname {
	 height: 100px;
}

Just replace #yourdivname with whatever element, either a id(#) or class(.) that you want to change the height for and change the height to whatever size you want, either in pixels(px) or percentage(%). Hope this helps with your WordPress problem, enjoy.

How to add an Adsense Ad after every post in StudioPress Genesis

Google’s Adsense Ads are a great way to earn money from your site’s traffic. Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to add an Adsense Ad after every post in a site running on the StudioPress Genesis Framework.
[Read more…]

How to move the WordPress breadcrumbs in StudioPress Genesis

If you have breadcrumbs enabled in your StudioPress Genesis theme, you may want to move or reposition the WordPress breadcrumbs. Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to move the breadcrumbs to another location.
[Read more…]

How to change width of Contact Form 7 text fields in WordPress

If you are using the Contact Form 7 plugin for WordPress for your contact forms, you may want to change the width of the text entry fields. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of the text entry fields in Contact Form 7 forms.

/**
 * Change Contact Form 7 input width
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.wpcf7-form .wpcf7-form-control-wrap input.wpcf7-form-control {
	width: 250px;
}

Just change the width I listed above with whatever width you want your input text entry fields in Contact Form 7 forms to be. That’s it, now the width of your input text fields should be changed. Hope this helps, enjoy.

How to remove the Footer Credits and Return to Top text in StudioPress Genesis

If you are using the StudioPress Genesis Framework for your WordPress site, you may want to completely remove the Footer Credits and Return to Top link from your footer. Just add this WordPress Code Snippet to the functions.php file in your current WordPress theme in order to easily remove the entire footer generated by Genesis. Your Footer Widgets will still work correctly.
[Read more…]

How to left align text/items in div/other element using CSS in WordPress

If you are using WordPress for your website, you may want to left align 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 left align a div or other item in WordPress.

/**
 * Left align element
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
#yourdivname {
	 text-align: left;
}

Just replace #yourdivname with whatever element, either a id(#) or class(.) that you want to have it’s interior elements left aligned. Hope this helps with your WordPress problem, enjoy.