CSS Snippets

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

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

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

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

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

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

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

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...

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

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

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

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

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...