WordPress Tips, Code Snippets, and How To Tutorials

Blog

How to make WordPress Menu links open in new tab

by Leave a Comment

If you use WordPress for your website, you may want to have your Menu links open in new tab or window. Here is how to make your WordPress Menu links open in new tab/window.

  1. From WordPress Dashboard, click Appearance > Menu
  2. Open the Menu that you want to edit
  3. Click Screen Options at top of the page
  4. Put check mark in the Link Target option
  5. Click on the link in the Menu that you want to edit
  6. There is now the option for Open link in a new tab
  7. Check that option
  8. Do this for other Menu links that you want to open in new tab

Hope this helps, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 add WooCommerce Cart link to WordPress menu

by Leave a Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to add a link to the WooCommerce Cart to your WordPress menu. Just follow these steps below to add a Cart link to your WordPress menu that links to your WooCommerce Cart page.

  1. From WordPress Admin Menu, click on Appearance > Menu
  2. From here on left side of page, find pages box
  3. Click View All
  4. There should be a page listed for Cart
  5. Click check box next to Cart page and then click Add to Menu button
  6. Move Cart link to where you want it in the menu and be sure to hit Save Menu

There you go, you should now have a link to WooCommerce Cart page in your WordPress menu. Hope this helps with your WordPress problem, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 hide result count display in WooCommerce in WordPress

by Leave a Comment

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

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 remove WordPress secondary sidebar in StudioPress Genesis

by 1 Comment

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…] about How to remove WordPress secondary sidebar in StudioPress Genesis

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 change the width of something using CSS in WordPress

by Leave a Comment

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

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 hide something on the Home page in WordPress

by Leave a Comment

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

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 change the height of something using CSS in WordPress

by Leave a Comment

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

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 make hidden content pop up only when an object is hovered over with mouse

by 3 Comments

There may come a time when you need to create content that you want to have stay hidden until an object or image is hovered over with the mouse. An example of a way to use this is in making a map with map pins that when the mouse hovers over a map pin, it creates a pop up with information about that location or a project that was completed for that location. Just follow these steps to make hidden content pop up when an object or image is hovered over with the mouse on your WordPress site.
[Read more…] about How to make hidden content pop up only when an object is hovered over with mouse

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 fix #comments div links for comments plugins in StudioPress Genesis

by 2 Comments

If you are using a WordPress Comments Plugin like Livefyre or Disqus to handle the comment discussion on your site, your theme’s links to the #comments div may be broken once the default comments have been turned off. Today’s snack will show you how to fix the #comments div links for comments plugins used in a StudioPress Genesis theme to where your theme’s Comment links work throughout your site.
[Read more…] about How to fix #comments div links for comments plugins in StudioPress Genesis

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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 add an Adsense Ad after every post in StudioPress Genesis

by 2 Comments

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…] about How to add an Adsense Ad after every post in StudioPress Genesis

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

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.

Copyright © 2019 • wpsnacks.com