How to embed a responsive iframe youtube video in WordPress
HTML CSS
How to add FacetWP Reset Filters button
If you want to add a button to reset your FacetWP filters, you may use the snippet below: Reset FacetWP Facets Reset all facets: FWP.reset(); Or reset one facet: FWP.reset(‘make’); Or reset multiple facets: FWP.reset([‘make’, ‘model’, ‘year’]); Or reset individual values: FWP.reset({ ‘make’: ‘audi’ }); Use onclick for buttons and other HTML elements: <button value=”Reset” onclick=”FWP.reset()” class=”facet-reset”>Reset</button> Don’t know where to write this code?…
How to style your WordPress Sidebar Widget
Widget Title Style – 1 If your width title wrap directly under heading tag like H2, H3, etc like the below screenshot then use .widget .widget-title If the actual text wrap with another inline element like span the below screenshot then you need to add that extra wrapping tag also .widget .widget-title span
[Solved] CSS Clip-path using SVG Polygons doesn’t work well on Safari
Problem: Revolution Slider SVG Scroll Down button is not showing on Safari at Desktop, iPad, and iPhone browser. My Revolution Slider SVG Polygon Scroll Down button is working great in Firefox and Chrome but when it’s come to Safari it completely has gone. See the screenshot Solution: How to fix CSS Clip-path Polygon on Safari…
How to find the image ID number in WordPress
How to find Image ID number from WordPress Media Library 1. Log into the WordPress admin panel, navigate to Media click on Library. 2. Switch from Grid View to List View, then mouse over the image, you will see an image ID at the bottom. Get Image ID number from Image URL Open the image,…
WordPress: How to make parent menu item clickable when they have a submenu
Problem: Parent menu item not clickable when submenu enabled Some WordPress theme by default disables parent menu links when they have dropdown menu items. If you have a submenu enabled the parent menu item is no longer clickable to link through to the page, it just opens the submenu. We’ll make the parent menu items…
How to Style Envira Gallery Pagination
You need Envira Gallery Pro and Envira Gallery Pagination addon to active Pagination in Envira Gallery. Paste this code in your Theme Custom CSS section or If you have Envira CSS addon then Misc >> Custom Gallery CSS section.
Global Fonts and Colors set in Theme Customizer not showing up on Elementor pages
After setting your fonts and typography via the customizer. If you noticed that when you create a page with a text block in Elementor it does not reflect all your settings. Then here is a fix for you. It’s happening because Elementor overwrites your Themes default Fonts and Colors. It’s Elementor’s default feature but there…
How to center align the submit button on the Divi Contact Form Module using Flex
Divi does use the flex property for contact module Submit button (as you can see in the image below) you can center align the button very easily. We need to remove the float and horizontally center the button. Flex uses the justify-content property to align the flex items at the center of the container. or…
Divi 4: How to Collapse/Show submenu items in the mobile menu
1. Set up Your Menu Add Menu Items & Sub Menu Items The first thing you need to do is create your menu. Add the sub-items of your choice. Add CSS Class Option Once you’ve added the menu items, you can enable the CSS classes option by clicking on ‘Screen Options’ and enabling ‘CSS Classes’….
Divi Default Breakpoints and Media Queries
Divi breakpoints The breakpoint means that the layout of your website changes at a certain screen size. Divi has three default breakpoints for mobile, tablets and desktop versions of your website. CSS media queries for Divi Breakpoints For screen sizes not larger than 479px. You want to use this for mobile devices. For screen sizes…