Edit Spacing Of Page and Post Titles In OceanWP
So you want to change the spacing above or below a post's title. Where does OceanWP hide the settings? See below. (Customizer/General Options/Page Title)
OceanWP Breadcrumbs, 404 header, Search Results Setting
Oceanwp Breadcrumbs 404 header, Search results headerGeneral Options/Page TitleScroll to Breadcrumbs To get rid of the breadcrumbs Home icon and > spacer. Add this in the custom CSS section in the customizer. .icon-home {display:none;} .breadcrumb-sep {display:none;}
Change .ICO In OceanWP or Any WordPress Theme
Go to Appearance » Customize and click on the 'Site Identity' tab. Images must be square and at least 512px X 512px. File formats can be gif, jpg or png and be uploaded from your Wordpress media library.
OceanWP-How To Change Header Menu Styles
Updated: Apr 26, 2022 OceanWP has some default menu stylings built into the header and demo themes typically use one of these as defaults. Unfortunately, it's not available in the obvious Menu setting but in Header/General/Style setting. To change header menu styling, you may need to set the style in Header/General/Style. Menu Options:Minimal:white background with horizontal menu, social icons top right cornerIn Minimal Style: To adjust top padding of menu adjust Header/General/Height (px)Transparent:transparent bg, menu horizontal, social icons top right cornerTop Menu:white bg, menu at the very top with Logo above or belowFull Screen:logo left, hamburger menu on rightCenter:white bg, center text menu and logoMedium:white bg, search box top left, logo, social icons all on top. Second row is menu in light grey.Vertical is a hamburger slider bar on left or right.Custome Header:set in in library FOR DROPDOWN MENU STYLING You can style your menu dropdown in the customizer section. Go to Customize > Header > Menu > Dropdown Styling and set background color with transparency. For the font setting, go to Customize > Typography > Main menu – Dropdown TO CUSTOMIZE MENU SOCIAL ICONS & URLS Customize/Header/Social Menu TO PREVENT TOP MENU HEADER FROM SHRINKING WHEN SCROLLING This is…
How To Change OceanWP Header Background Image
With themes like OceanWP's Lauren theme that have header background images on pages. Here is where you can change the background image. General Options > Page Title section. The default install image does not show up in the settings which may be confusing but after you change it it will show up in this section.
Site Wide Link Colors In OceanWP
Page Content Body Text Color: Typography/Body/Font ColorLink Colors for Whole Site:General Options/General Styling/Links Color To set a global site link color across both Elementor and OceanWP. This will change every link color on the site.In Wordpress Customizer/Custom CSS/JS a { color: #00EEEE; } a:visited { color: #551A8B; }
How To Turn Off Related Posts in OceanWP
There are 2 settings to check. First, if you have Jetpack installed, be sure to turn it off here.Jetpack/Settings/Traffic/Related posts PS. Jetpack Sitemaps are also here.Jetpack/Settings/Traffic/Sitemaps Second, to turn off Related Posts at the bottom of blog posts in OceanWP, go to Wordpress Customizer/Blog/Single PostElements Positioning/Related Posts To turn off the time stamps on these posts add this in CSS/JStime.published {display:none}
Centering An OceanWP Footer Widget Examples
CENTERING OCEANWP FOOTER WIDGETS Icons may not align. Centering Social Icons #footer { text-align: center; } #footer .owp-social-share li { float: none; display: inline-block; } #footer-widgets .footer-box .widget-title { border: 0; padding: 0; } Centering Contact Info Widget #footer { text-align: center; } #footer .widget-oceanwp-contact-info li { float: none; display: inline-block; } #footer-widgets .footer-box .widget-title { border: 0; padding: 0; } Change border color of contact icons. #footer-widgets .contact-info-widget i {border-color:#000}