| Crankymedia - OceanWP & Elementor Pro Tips

Header Search Icon Colors and Size

Post author:Cranky
Post category:OceanWp Theme Tips

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

OceanWP Tips:Quick Reference Guide

Post author:Cranky
Post category:OceanWp Theme Tips

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…

OceanWP Top Menu Color Settings

Post author:Cranky
Post category:OceanWp Theme Tips

Header menu colour settings. Header/MenuThe Main Styling section controls the colors for the very top of the menu buttons. The Dropdown Styling section controls colors for dropdowns only.