Author: Cranky

This author has written 95 articles

OceanWP Tips:Quick Reference Guide

Read more about the article OceanWP Tips:Quick Reference Guide

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…

Continue ReadingOceanWP Tips:Quick Reference Guide

Complete Guide To Automatic Pool Covers In Canada

What is an Automatic Pool Cover? Automatic pool covers are a mechanical device that is designed to cover and uncover the surface of a swimming pool. These covers are usually installed on top of the pool and are either opened or closed by an electric motor. They have a number of benefits such as protecting children and pets from falling in the water and keeping debris, leaves, insects and other pests out of the pool. They also save water by preventing evaporation. In addition to these benefits, they also provide extra safety for children, pets and adults that may fall into the pool without warning. What are the Benefits of an Automatic Pool Cover? A Vancouver automatic pool cover is the perfect solution to keep your pool clean and free of leaves and dirt. It will also provide protection from the sun, so you don’t have to worry about your pool getting too hot. The benefits of an automatic pool cover are numerous, but here are a few of the most notable: Automatically covers your pool when it rains or gets too coldPrevents leaves, bugs and other debris from entering your poolKeeps the water at a consistent temperatureProtects against harmful…

Continue ReadingComplete Guide To Automatic Pool Covers In Canada

Change Icon Size In Elementor Toggle

How To increase the icon size within the Elementor toggle widget Cut and paste this into the Wordpress Customizer/Custom CSS. Change the icon size by adjust the font size. This will be global changes and affect all elementor toggles on the site. To change it for just one toggle widget, go to the widget's Advanced tab and paste into Custom CSS field. .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened { display: block; font-size: 20px; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed { display: block; font-size: 20px; } How To increase the icon size within the Elementor accordion widget .elementor-accordion-item .elementor-accordion-icon { font-size: 20px; }

Continue ReadingChange Icon Size In Elementor Toggle

Elementor – permanently open all Elementor toggle and accordion widget items

Add this snippet of code in the Wordpress Customizer/Custom CSS for global changes to all accordions and toggles on the site. To affect only a single toggle or accordion widget go the the Elementor's Advanced tab's Custom CSS. This will open all toggle and accordian items when a page loads. .elementor-toggle .elementor-tab-content { display: block !important; }

Continue ReadingElementor – permanently open all Elementor toggle and accordion widget items

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

Continue ReadingOceanWp Title Settings
Newer Posts
Older Posts