CSS Snippets

To hide the WooCommerce Ordering dropdown from your shop page, you can add the following to your Custom CSS box...

To remove the caption from your lightbox, you can add the following to your custom css box in Theme Options...

To remove the lines in-between the secondary menu items in Ascend, you can add the following to your custom CSS...

You can add a different logo to select pages using CSS and page id’s. First, determine the page id on...

To hide the to the top control, add this CSS to the Custom CSS box:

By default, your button colors will be set in Theme Options> Basic Styling.  To change the styling of the Place...

By default, the footer widget titles will be set in Theme Options> Typography Settings, and setting your h4 fonts. To...

To retain the remove from cart “X” in mobile, add this CSS to Theme Options> Custom CSS in Pinnacle, or...

To remove your sidebar from mobile view you can add the following to your custom CSS box in Theme Options:

If you want to stretch all page content to be fullwidth, regardless of device screen size, add this CSS to...

To target the breadcrumbs and adjust the fonts in all themes, add your font properties to the below CSS, and...

To change the background color when opening an image in a lightbox, you can add the following to your custom...

To make the going to the top arrow appear on mobile devices you can add the following to your custom...

If you would like to hide your logo from the homepage only, you can use CSS like this: .home #logo {...

The Google Chrome Inspect Tool (or DevTools) is a brilliant tool for editing/adding css on your site. It essentially gives you a sneak peak...

If you are wanting to change the text used in the footer copyright area simply go to theme options >...

To adjust the font properties of your footer navigation, use this CSS in Theme Options> Advanced Settings for Virtue, and...

To adjust the placeholder text’s font within your topbar search, add this CSS to Theme Options> Advanced Settings: Add custom...

To move the “To The Top” arrow to the left of the page, add the following to your custom css...