OceanWP has controls for max logo height and max logo width in the Customizer under Customizing/Header/Logo but it has no settings for min logo height or min logo width. OceanWP seems to calculate it's own calculated settings. Sometimes those settings are too small. To override it use this example bit of css for that below. #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {min-width:280px}
I found an issue with the Elementor Mega Menus block with OceanWp header menus. The mega menus would appear on top of the OceanWP header menus if the dropdown overlaps a row of Elementor Mega Menus. To fix that use this small bit of custom css to change the z-index of the header. #site-header { z-index: 1000; }
Are you building a simple Woocommerce store using OceanWP? I have a simple store where I just want the short description area on top without the Description, Additional Information and Reviews tabs. The easiest way to do that is to hide those sections using a bit of css. In Wordpress go to Appearance/Customize/Custom CSS/JS and add this piece of css. .woocommerce div.product .woocommerce-tabs { display: none; }
Looking to add underline when hovering over a link the body of a post? After trying a bunch of css variations this is the one that works. Go to Appearance/Customize/Custom CSS/JS and add this piece of css. body.single-post .entry-content a:hover { text-decoration: underline; } For pages including home page:.single-page-article a {text-decoration:underline;} Set majority of site link colors in OceanWP Customizer/General Options/General Stylingexample Elementor link customization in CSS/JS.h3.elementor-image-box-title a {text-decoration:none} For underline links on your blog posts listing page and archives use this..blog-entry-summary a:link {text-decoration:underline}
If you are not using a logo on your Wordpress theme and just have text for the site title or sitename, here is where you can change the site name color in the OceanWP theme. In the OceanWp Customizer (Wordpress's Appearance/Customize) go to Header/Logo section and scroll down to the Color setting and use the color picker or type in your hex value. This will change the text color in the header.
After going through all the settings in the OceanWp Customizer I wasn't able to find the color settings for the Theme description. It turns out you need to edit the Custom CSS/JS section by adding the following code. #site-header.top-header #site-logo #site-description h2 { color: #fff}