Author: Cranky

This author has written 92 articles

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

New Open Source Sans Font From The BC Government

Read more about the article New Open Source Sans Font From The BC Government

The BC government has created an open source font based on Google's Noto Sans. This free to use font is called BC Sans and available here. Similar to Myriad Pro and Garamond Pro but mostly for screens at this point. The font is designed to be legible in multiple languages, most importantly, Indigenous languages for BC government web sites. Download links and more details are available at the government web site.

Continue ReadingNew Open Source Sans Font From The BC Government

How To Get Rid Of OceanWP Home Page Slider

Read more about the article 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? 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 or the <> icon in Gutenberg Page settings. Find the shortcode and delete it.That's all!

Continue ReadingHow To Get Rid Of OceanWP Home Page Slider

Changing Background Color Of Any WordPress Page 2022

Themes may have their own settings but here's a way to change the background color of any page in the Customizer. Just add the following code in Additional CSS. Where the post number is the home page id. You can find that by hovering over the home page link in Wordpress' Pages listing. /* home page background color */ .post-9 {background-color:#FF7D0B !important;}

Continue ReadingChanging Background Color Of Any WordPress Page 2022
Newer Posts
Older Posts