Performance - Customizer

Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However, the way you use the Customizer to adjust your website remains the same.

The OceanWP Customizer Performance panel enables you to control some of the WordPress and OceanWP scripts and files to enhance your website's performance.

Available Performance options include:

Styling Options Location

The Styling Options Location enables you to choose the place from which all your custom CSS (from the Custom CSS panel in the Customizer) will be served:

  • WP Head (default): custom style placed before the head closing tag ( </head> ),
  • Custom File: all custom CSS is placed into a dedicated file which is then created in your WP installation uploads folder, and served from there.

Emoji

This file contains all the CSS rules that define the appearance and behavior of WP emoji.

For example, when enabled, this script will display " :) " as 🙂

This is a default WordPress script.

Font Awesome Icons

This file contains all the CSS rules that define the appearance of Font Awesome icons.

This feature is related to the Customizer > Site Style & Settings > Site Icons option. If Font Awesome Icons is not your selection, you can disable this option in Performance.

This feature controls only the Font Awesome icons that come included with your OceanWP theme. Other plugins may still load their own Font Awesome icons and other similar libraries.

Ocean SVG Icons

This file contains all the CSS rules that define the appearance of OceanWP SVG icons.

This feature is related to the Customizer > Site Style & Settings > Site Icons option. If Ocean SVG Icons is not your selection, you can disable this option in Performance.

Simple Line Icons

This file contains all the CSS rules that define the appearance of Simple Line icons.

This feature is related to the Customizer > Site Style & Settings > Site Icons option. If Simple Line Icons is not your selection, you can disable this option in Performance.

This feature controls only the Simple Line icons that come included with your OceanWP theme. Other plugins may still load their own Simple Line icons and other similar libraries.

This script enables image preview in a special window overlay that appears over the current page. It is used in galleries, single product and content images.

This feature controls only the Lightbox script that comes included with your OceanWP theme. Other plugins may still load their own lightbox scripts and other similar libraries.

Custom Select

This script enhances the native select box by adding a visually appealing overlay that can be styled to match your design.

Widgets Stylesheet Load

This file contains all the CSS rules that define the appearance and behavior of OceanWP custom widgets for WordPress (WP Dashboard, Appearance > Widgets).

In combination with the free Ocean Extra plugin, your OceanWP theme bundles a lot of custom WordPress widgets that do not exist in WordPress by default, but also applies special styling and extends some of the default WordPress widgets, default WooCommerce widgets, etc.

OceanWP custom widgets for WordPress include:

  • » About Me,
  • » Contact Info,
  • » Custom Header Logo,
  • » Custom Header Nav,
  • » Custom Links,
  • » Custom Menu,
  • » Facebook Like Box,
  • » Flickr,
  • » MailChimp,
  • » Recent Posts,
  • » Social Icons,
  • » Social Share,
  • » Tags Cloud,
  • » Video,
  • » X.

If you're not using default WordPress widgets or any of the custom OceanWP widgets, you can disable this script.

Scroll Effect

This script controls the smooth scrolling effect within the theme. It is used for anchor links.

If you're not using anchor links on your website or do not want a smooth scrolling effect until the anchor link is reached within the screen viewport, you can disable this option.

This feature controls only the Smooth Scroll script that comes included with your OceanWP theme. Other plugins may still load their own scroll scripts and other similar libraries.

Scroll Effect - Custom Offset

This option is directly related to the Scroll Effect feature. You can add a custom offset value, which determines the space between your website's header and the anchor link point.

This option is always measured in pixels (px).

Found an error in this doc or believe it needs improvement?

Send us a prepurchase ticket, include the URL of the page, and add suggestions and more details about how we can make things better for you.

That's it!

Enjoy building your WordPress website with OceanWP!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.