[OceanWP Explanation] Site basic color settings

We will explain how to set the base colors used on a WordPress theme OceanWP site.

Overall style color setting

Open the WordPress dashboard and set it under [Appearance] > [Customize] > [Basic Settings] > [Overall Style].

What you can do with the overall style

The settings are in Japanese, so this is not difficult.

• Main Color
• Main color hover - Hovering over the color is called hovering.
• Main Border Color - Default color when using a border
• Site Background - The background color for the entire site
• Background Image - If you want to set a background image for the entire site, set this
• Link Color - Link text color
• Link Color Hover - Color when you hover over a link

I want to remove the underline from text links

When using OceanWP, I noticed that the link text was always underlined.

There is no problem with blog articles etc., but I have had the experience of having underlines appear in the layout parts of static pages, so I will introduce the code as a reminder.

The following code

[Appearance] > [Customize] > [CustomCSS/JS]

Or, if you are creating a child theme

Add this to style.css in [Appearance] > [Theme Editor].

.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button){ text-decoration: none; }

This is how the underline disappeared.

When you hover the mouse over it, the hover color you just set will be reflected.