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

OceanWp Title Settings

Oceanwp Page Title At Top Of Page Settingsfor Background Image etc.


Page Title at top of page, font settings
Customizer/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 Title
Style:Background Image
Image: 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 Title
scroll down to Breadcrumbs

Continue ReadingOceanWp Title Settings

How To Get Rid Of OceanWP Home Page Slider

Have you ever tried to get rid of or just temporarily disable the home page slider on certain Oceanwp demo themes like the “Personal” theme template?

how to remove home page slider in Oceanwp themes

Ocean WP uses a slider shortcode to embed on the home page. You can find the sliders in the WordPress Dashboard column button called Posts Slider. You will see one called “Home Slider” Just go to the home page and the OceanWP Settings. Click Shortcodes in the left sidebar. Find the shortcode and delete it.
That’s all!

Continue ReadingHow To Get Rid Of OceanWP Home Page Slider

Change OceanWP Color and Fonts In Blog Post Metas

/* Single Blog Post Metadata Font Size and Colors */
.single-post ul.meta {
font-size: 16px;
	color: #F3EAC7;}
	.single-post ul.meta li a {
color: #F3EAC7;
.single-post ul.meta li i {
color: #F3EAC7;
/* Blog Archive Page Metadata Font Colors */ ul.meta  {color:#F3EAC7;} ul.meta li a {color:#F3EAC7;} ul.meta li i {color:#F3EAC7;}

Edit and add this piece of CSS to OceanWP’s Custom CSS/JS section in the WordPress Customizer. Edit the color in this code. You can also add font family here as well.

Continue ReadingChange OceanWP Color and Fonts In Blog Post Metas

OceanWP Woocommerce Color Settings

Some common OceanWP settings for Woocommerce buttons for product and archive pages.

OceanWP Woocommerce general button colors.
Go to General Options/Theme Buttons

To Change Colors of Related Products :Add to Cart button; at bottom of indiv. products pages

Woocommerce/Advanced Styling
Scroll to Product Entry: Add To Cart

Woocommerce Description Tab colors on Product Pages
Woocommerce/Advanced Styling
Scroll to Single Product: Tabs (last 1/3 of scroll)

Elementor Error when Editing

Make sure to try turning shop page to draft, or change shop page temporarily to another page in Woocommerce. Edit in Elementor, then change page back to main store page or even try leaving that setting blank. Woocommerce/Products/Shop page.

Continue ReadingOceanWP Woocommerce Color Settings