Important Elementor Settings

A couple of quick adjustments make sure Shock and Elementor play nicely together. Once they’re in place, you’ll be able to edit every one of the theme’s custom post types with Elementor, and Elementor won’t load default styles that clash with the theme’s own design.

Enable the right post types and disable default styles

1. Open Elementor settings.

   From your WordPress panel, go to Elementor » Settings.

2. Check the post types.

   On the General tab, in addition to Posts and Pages (already enabled), also enable Mega Menu, Portfolio, and Global Sections so you can build them with Elementor.

3. Disable default colors and fonts.

   On the same screen, tick Disable Default Colors and Disable Default Fonts. This lets Shock’s own color scheme and typography take over instead of Elementor’s defaults.

4. Save your changes.

   Click Save Changes.

Don’t skip “Disable Default Colors / Fonts”

Leaving these enabled causes Elementor to load its own base colors and fonts on top of the theme’s, which often produces mismatched styling. Turning them off is what lets your Shock Color Scheme and Typography apply site-wide.

Disable the Elementor Lightbox

Elementor loads its own Lightbox styles by default. Because Shock already includes this feature, the Elementor version is usually redundant and best turned off.

1. Open Site Settings.

   From any page or post in the Elementor editor, click the hamburger menu in the top-left corner of the widget panel, then go to Site Settings » Lightbox.

2. Turn off the lightbox.

   Slide the switch to disable Elementor’s lightbox.

3. Save your changes.

   Click the Update button at the bottom of the panel.