CSS

How to hide remove WooCommerce Product Page tabs in WordPress

June 15, 2015 by admin Leave a Comment

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 https://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs {
	 display: none;
}

Hope this helps with your WordPress problem, enjoy.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to style custom widget areas using CSS

June 11, 2015 by admin Leave a Comment

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…] about How to style custom widget areas using CSS

How to change WooCommerce product page image size in WordPress

April 29, 2015 by admin Leave a Comment

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 center text, div, or other element using CSS in WordPress

November 3, 2014 by admin Leave a Comment

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.