Customize the OceanWP WordPress Theme with CSSHero

Learn how to easily customize your OceanWP powered website by visually editing each element. You'll just need to install and activate the CSSHero WordPress plugin.

About this Theme

OceanWP is a high end WordPress theme you can download for free to create any kind of website. From a ‘simple’ blog to a corporate website or an e-shop.

The developers went above and beyond to create a theme to please both beginners and pros. If you are a beginner you can choose a ready template and start adding your content and customizing the layout, documentation is great and the free support is fast.

If you are pro you will love the optimization features and the compatibility with page builders. OceanWP also features a custom template post type you can use to create custom headers, footers, 404 pages etc and per page options to customize the layout, sidebars, menu, title, logo.

Main Features:

  • Advanced customizer options
  • Advanced optimization options
  • 13 free demos available to jump start your project
  • WooCommerce ready
  • Compatible with all major page builder plugins Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin
  • Well documented
  • Great support

If you are a beginner you can easily navigate through the options. When you get better you can disable the customizer options you do not need and make your customizations faster, neat!

Enable Customizer Options & Getting Started

Enable Customizer Options & Getting Started

Optimization made easy and user friendly, disable scripts you do not use and your page will load faster

Choose Javascript scripts

Choose Javascript scripts

Choose CSS scripts

Choose CSS scripts

The multi purpose side of OceanWP, choose a demo and start hacking! The Pro version offers more demos of course

OceanWP ready templates

OceanWP ready templates

If you use (or plan to use) this Theme...

CSS Hero can help you deeply and quickly customize the OceanWP Theme, solving some common issues like:

  • How to customize fonts in the OceanWP WordPress Theme, to make font biggers or change typeface for titles and header texts
  • How to change CSS background image on the OceanWP WordPress Theme and build background fades
  • How to change colors and styles on OceanWP WordPress Theme
  • How to change size of page width
  • How to change CSS style of top navigation buttons
  • Customize the CSS style of navigation menu on the OceanWP Theme
  • How to customize the footer on the OceanWP WordPress Theme

Theme Details

User Feedbacks

CSS Hero is the definitive plugin to customize your WordPress themes with an easy and intuitive WYSIWYG interface.


Become a CSS Hero affiliate and earn 40% on each sale right now. Spread the CSS Hero word and share the wealth with us!
Start Earning →

Follow the Hero