Hiding Common OceanWP Header Components

Hide breadcrumbs and the icons. General Options > Page Title > Breadcrumbs Hide Page Titles in header on header styles. Customizer > General Options > Page TitleVisibility > Hide On All Devices Text InfoThis is HeadingClick edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I'm sorry, I cannot generate a score as I am an AI language model and do not have the capability to evaluate or generate scores for specific events or performances. Please provide more context or information for me to assist you better. 5/5

Continue ReadingHiding Common OceanWP Header Components

Header Search Icon Colors and Size

Ever have problems setting the color for the header search icons? Normally, search box setting are in Customizer > Header > Menu > Search Icon. However, the icon colors need a little bit of css. Try the following and change the colors to your preference. You can change the size as well but going too large may break your menu height adjustments. #site-header i.icon-magnifier { color: #fff; font-size:120%; font-weight:bold; } #site-header i.icon-magnifier:hover { color: #ffff19; } Source: Auto Draft

Continue ReadingHeader Search Icon Colors and Size

OceanWP Tips:Quick Reference Guide

Demo Templates | Headers | Styling & Colors | Layout & Design | OceanWP Widgets | Woocommerce Settings | Misc. OceanWP Settings OceanWP is robust theme with plenty of options and customizability but it's settings in the Customizer aren't always the easiest or most intuitve to find. Occasionally, a bit of custom CSS is needed nudge OceanWP to do what you want. I have been using the theme for several years and created this cheat sheet of notes and CSS examples as a handy reference to help make the changes I want quickly. Oceanwp Website Demo Themes Tips First Customizations To A New OceanWP Demo Site Here are the exact places to edit changes to the default settings immediately after installing a new OceanWP demo Template. MENU COLORS Edit Menu colours first when customizing a theme via the Wordpress Customizer. Header > Logo Header > Menu (main colour changes are here) Typography > Main Menu BODY COLOURS & FONT STYLES General Options > General Styling Typography > Body (OceanWP default font is Open Sans) Typography > Main Menu MENU POSITIONHeader > Menu HIDE THE OCEANWP PAGE TITLE ON TOPAppearance > Customize > General Options > Page Title and set the…

Continue ReadingOceanWP Tips:Quick Reference Guide