StylePress for Elementor

Use Elementor to design your complete website. Reuse header/footer on all pages. No theme required.

This is a free plugin for Elementor Page Builder.

It provides two things:

  • A full site builder using Elementor (design your entire website without a Theme)
  • Adds extra widgets to Elementor (e.g. Tooltip, Navbar, Mailchimp, Modal Popups, Page Slider, etc..)

Watch this introduction video that covers some of the basics:

Design your entire website without a theme. Easily apply a Style to every page of your site automatically using the drag and drop editor.

How to create a website design without a WordPress theme:

  • Go to the StylePress > Styles menu.
  • Click “Create New Style”.
  • Design your layout using the Easy Elementor Drag & Drop editor.
  • Add the “Inner Content” widget to the area that will display your content.
  • Go to StylePress > Settings
  • Apply your Style to the “Global” area

Tips:

  • Make sure “Remove Theme CSS” is ticked in StylePress > Settings.
  • If you find it hard to set global font default, go into Elementor > Settings and tick “Disable Global Colors” and “Disable Global Fonts”. Then install the “Easy Google Fonts” plugin and set all your defaults from Appearance > Typography.

Contributions & Bugs:

Head over to github: https://github.com/dtbaker/stylepress

Please leave

Copyright @dtbaker

More details on our dedicated website: https://stylepress.org

Check out other work by dtbaker here: https://dtbaker.net

This section describes how to install the plugin and get it working.

  1. Go to Plugins > Add New and search for “Elementor” to install the Elementor Page Builder plugin.
  2. Go to Plugins > Add New and search for “StylePress for Elementor” to install this plugin.
  3. Activate the plugin through the “Plugins” screen in WordPress.
  4. Go to the new StylePress > Styles menu in WordPress backend.
  5. Create or Edit the available styles.
  6. Go to the StylePress > Settings menu and apply your styles to all or some of your pages.

Is this compatible with my theme?

Maybe. Try it out. Tick the “Remove Theme CSS” option in StylePress > Settings. Let me know if you have any troubles.

Fonts are not working

Try to install the Easy Google Fonts plugin. This gives some great global font style features in Appearance > Customize.
Go into the Elementor > Settings window and disable the default Elementor fonts and color

1.2.1

  • Fix widget and shortcode compatibility.

1.2.0

  • Compatibility fixes
  • Widget area
  • Planning for bigger things

1.0.19

  • A few small fixes and tweaks

1.0.18

  • No new features, just a little fix, don’t get excited.

1.0.17

  • Toggle switch for nav menu icons

1.0.16

  • Added Tooltip widget
  • Added Dynamic Field widget
  • Added Styled Google Maps widget
  • Added Form Fields: Date Picker, Description and Toggle Section
  • Added Page Slider widget
  • Added StylePress Loop widget
  • Fixed MegaMenu style layout
  • Fixed modal popup width

1.0.15

  • Added support for GeneratePress
  • Added support for OceanWP
  1. Overview of admin page. Showing all available styles for your site. Your site can have multiple styles.

    Overview of admin page. Showing all available styles for your site. Your site can have multiple styles.

  2. Editing a particular style. A style can have multiple variations (e.g. Left Sidebar, Right Sidebar, Home Page, Blog Page)

    Editing a particular style. A style can have multiple variations (e.g. Left Sidebar, Right Sidebar, Home Page, Blog Page)

  3. Building the website style. The shaded "inner content" part will be replaced with all your information.

    Building the website style. The shaded "inner content" part will be replaced with all your information.

  4. Overview of the settings page. You can set various default styles for various page types.

    Overview of the settings page. You can set various default styles for various page types.