Setting OceanWP Responsive Breakpoints
Updated: Apr 27, 2022 Customizer: Header/Mobile Menu/BreakpointsIf your chosen breakpoint isn't in the dropdown, choose "Custom media query" and enter the pixel value in the Custom Media Query field.
Using OceanWP With Elementor – Tips
Editing OceanWP Footer Widget Button Link Colors I created a custom footer template in OceanWP using Elementor. I ran into this problem when Elementor Pro was not able to over ride some of the link colors in OceanWP’s footer widgets. PS. You can disable your theme’s ability to override Elementor Pro’s colors by going to Elementor/Settings. Disable Default Colors, Disable Default Fonts. Adding to the problem was a button created in Elementor Pro that had a hover color. To lock in the colors add this to the Wordpress Customizer’s Custom CSS/JS. /* Footer Link Colors */ #footer-widgets a {color:#FA9100} #footer-widgets a.button {color:#282828} #footer-widgets a.button:hover {color:#282828} Elementor Text Editor Widget Not Changing Font Settings Have you ever run into problems with the Elementor Text Editor Widget not being able to change the font size, line spacing etc.? At first I investigated whether there was a conflict with the theme but that didn't appear to be the case. Even setting all fonts back to default and disabling Elementor fonts in Elementor settings didn't work. This tiny piece of css added to Wordpress/Customizer/Custom CSS did the trick. .elementor-text-editor p{ font-size: inherit; line-height: inherit; letter-spacing: inherit; } Force Elementor Pro Button Colors Using OceanWP…
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)
What Is The OceanWP Separate Layout?
OceanWP's page layout section is located here in the Customizer. WP admin dashboard > Appearance > Customize > General Options > General Styles > Pages Full width and boxed layout is pretty much self explanatory but OceanWP has a layout option called Separate that isn't described in the documention. In short the Separate layout makes your content boxed but your header/footer are full width. Hope that saves you minutes of Googling.
Changing OceanWP Demo Theme Home Pages
Have you ever downloaded an Oceanwp demo theme and for some reason it doesn't look exactly like the demo? Next time you're having trouble you can try editing the shortcode sections on the home page's OceanWP settings. Make sure the slider shortcodes match the demo's slider shortcodes or create ones that match your preference.
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;}
Changing The Background Color Of A Single Page
Page ID is from Wordpress. This only affects pages. The whole background will be set to this color so you may have to change the font color. body.page-id-464{ background-image: none; } This will make the background black. To change to another color, add background-color:#FF0000;
OceanWp Title Settings
Oceanwp Page Title At Top Of Page Settingsfor Background Image etc. Fonts Page Title at top of page, font settingsCustomizer/Typography/Page Title Using the Customizer/Typography/H1 does not affect font family on page title. Page Title Background Image and Background banner HEIGHT General Options/Page TitleStyle:Background ImageImage: position, repeat, size, height, overlay opacity and colour, (this only seems to work for new pages from a fresh install, doesn't work for imported sites from old Oceanwp sites) To adjust height of the title background; go to Padding and change the padding top and bottom. Can be adjustable for desktop and mobile. Show or hide on Devices Hide Breadcrumbs or Title Customizer/General Options/Page Titlescroll down to Breadcrumbs