Edit OceanWP Blog Grid Elementor Widget Buttons

Currently there is no setting to change the text and button size in the OceanWP Blog Grid Elementor Widget. However, you can make those changes by editing CSS in the Elementor widget's Advanced > Custom CSS tab. You can insert this css there. selector .overlay-btn {position:absolute; left: 50%;min-width:200px; padding:16px 12px; font-size: 18px; }

Continue ReadingEdit OceanWP Blog Grid Elementor Widget Buttons

Find Elementor Custom Fields In Elementor Kit Library Templates

Elementor's Kit Library templates are well designed and can be a great way to jump start a new site. However, not all their editable components are explained from what I can find. I will be using their Luxury Hotel kit for this example. The Single Room templates are found in the Elementor Theme Builder. Click The All Parts filter in the top left column. From here click on the Single Project template. This will control the look of the individual room template. You will notice the each room page have a different room size under the page title. There is a price field further down the page as well. Those are custom fields Elementor inserts into Wordpress. If you're wondering where those fields are for each room, you can access Wordpress's custom fields for each post by turning on the section in Preferences. After that you will see the custom fields in a panel at the bottom of the editor. Aliquam dignissim lacinia tristique nulla lobortis nunc ac eros scelerisque varius suspendisse sit amet urna vitae urna semper quis at ligula. Mark WolfWeb Designer Aliquam dignissim lacinia tristique nulla lobortis nunc ac eros scelerisque varius suspendisse sit amet urna vitae…

Continue ReadingFind Elementor Custom Fields In Elementor Kit Library Templates

How Center Or Style Ninja Forms Required Fields Message

There is no setting for aligning Ninja Forms' required fields message in Wordpress or Elementor. You can change the style or alignment with a bit of CSS. Or, if you want to hide it use the same code but use "display:none" instead of text-align. CHANGE THIS: TO THIS: In your theme's Customizer > Custom CSS add this. .nf-form-fields-required {text-align:center;} Or if you are using Elementor, you can put this in the Ninjaform widget's Advanced > Custom CSS section. selector .nf-form-fields-required {text-align:center;}

Continue ReadingHow Center Or Style Ninja Forms Required Fields Message

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…

Continue ReadingUsing OceanWP With Elementor – Tips

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