How to hide remove reviews tab on WooCommerce Product Page

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to hide or remove the reviews tab on the WooCommerce Product Page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the reviews tab on product pages in WooCommerce.

/**
 * Remove/Hide WooCommerce Product Page reviews tab
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs li.reviews_tab {
	display: none;
}

Hope this helps with your WordPress problem, enjoy.

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

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

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

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

How to change width of Contact Form 7 textarea 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 textarea 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 textarea entry fields in Contact Form 7 forms.

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

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

How to hide remove WooCommerce Product Page tabs in WordPress

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to hide or remove the description and reviews tabs on the WooCommerce Product Page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the description and reviews tabs on product pages in WooCommerce.

/**
 * Remove/Hide WooCommerce Product Page tabs
 *
 * @author WPSnacks.com
 * @link http://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs {
	 display: none;
}

Hope this helps with your WordPress problem, enjoy.

How to style custom widget areas using CSS

Sometimes your WordPress theme just doesn’t have enough widget areas and you may need to add some additional custom widget areas to your WordPress theme and then style them using your stylesheet. This WordPress tip will show you how to style your newly added custom widget areas using CSS.
[Read more…]

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 http://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 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 http://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.