OceanWP Sub Menu Height
Adjust the height of sub menus in the main menu in OceanWP. Put this css in the Wordpress Customizer's Custom CSS/JS section. .sub-menu li {padding:12px}
Caldera Forms Email Notifications For Admins Settings
Here are the places to insert emails when you're the owner of a site and want to be notified when a visitor fills out a form in Caldera.
OceanWP Quick Notes, Access Common Settings
TOPBAR Top Bar, turn off top bar above Header = Top Bar/General Turning off Top Bar in OceanWP/Theme Panel/Customizer Sections will get rid of all colour and other settings for the top bar. Top Bar Dropdown Menu Colors For Topbar menus: links can ONLY be 1 color, including dropdowns Top Bar/General/Link Color Use Header/Menu/Dropdowns Styling for dropdown background colors Colour, Link Colours: Customize/Top Bar/General Background & border colours. Small social icons on Top Bar. Customize/Top Bar/Social OceanWP Customize/Top Bar code, adds icon and phone number <i class="icon-phone" style="margin: 0 7px 0 0; color: #0a3069;"></i> 1-555-645-324 <i class="icon-clock" style="margin: 0 7px; color: #0a3069;"></i>Monday - Sunday 10:00 - 22:00 HEADERS Site Name, Domain name URL link colours: Header/Logo Color:Color: Hover Background Colour = Header/General Header Padding = Header/General Header Background Image = Header/Header Media Header Menu link colours, underline (can override general settings),effects = Header/Menu Header Search = Header/Menu To put menu in header. Customize/Menus/ Header Menu Font styles = Typography/Main Menu Header Menu dropdown menu height = Typography/Main Menu:Dropdowns Header Menu colour settings = Header/Menu The Main Styling section controls the colors for the very top of the menu buttons. The Dropdown Styling section controls colors for dropdowns only. Header Height/Menu Position…
Changing Min Logo Size For OceanWP Logo
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}
Changing The Header Menu z Index In OceanWP
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; }
Customizing The Header Background Image in Astra Theme For WordPress
Astra theme for Wordpress, at least the free version does not allow background images in the header through the customizer. In order to add a background image to the header you will need to add some css. Go to Appearance/Customize/Additional CSS. .main-header-bar {background-image: url("http://yoursite.com/wp-content/uploads/2017/10/your-header-logo.png");background-repeat: no-repeat; } Here's a bit of CSS that addds a drop shadow and background color to the header..main-header-bar {background: #FFBC00;box-shadow: 0px 3px 3px #b8b8b8;background-image: url("http://yoursite.com/wp-content/uploads/2017/10/your-header-logo.png");background-repeat: no-repeat; }
Hiding Woocommerce Description Tabs In OceanWP
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; }
Adding Underline Links When Hover in OceanWP
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}