Table of Contents

This page provides information about several site settings:

  • Shortcodes
  • CSS/JS
  • HTML


Shortcodes are used in several places on the site:

  • Ajax Search Pro
  • Collapse-O-Matic
  • TablePress

Ajax Search Pro

To access the shortcodes for Ajax Search Pro:

  1. On the Dashboard, select


Collapse-O-Matic shortcodes allow us to show/hide text on a page.

To access the Collapse-O-Matic settings:

  1. On the Dashboard, select Settings > Collapse-O-Matic.

Current shortcodes

View code
Example code text


To access the TablePress shortcodes:

  1. On the Dashboard, select


There are three places on the site where we add CSS and JS:

  • OceanWP Child theme
  • Elementor
    • Global styles
    • Per page/template
  • WP Classic editor

OceanWP Child theme

To edit the OceanWP Child Theme CSS/JS:

  1. On the Dashboard, select Appearance > Customize.
  2. On the Customize screen, select Custom CSS/JS.
  3. In the CSS code box, add or edit the CSS/JS.
  4. Once you have finished, select Publish.

Current CSS/JS

#primary {

border: none;


input[type=”button”], input[type=”reset”], input[type=”submit”], button[type=”submit”], .button {

border-radius: 3px;

margin-top: 10px;

} {

min-height: initial;

padding: 100px;

max-width: 700px;

margin: auto;


.trigclass a {

color: #018AA2;


.trigbar {

border: 1px solid #018AA2;

border-radius: 3px;

padding: 5px;

background-position: 98% center;

background-color: #018AA2;

color: #fff;

font-size: 16px;



To add or edit CSS for an Elementor page or template:

  1. Open Elementor.

To add or edit CSS for Elementor’s Global Styles:

  1. Open Elementor.


There are three places on the site where we add HTML:

  • Classic editor
  • Block editor
  • Elementor pages and templates

WP Classic editor

To add or edit HTML in the Classic editor:

  1. On the Dashboard,

Table of Contents