How to embed a responsive iframe youtube video in WordPress
HTML CSS
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?…
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
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 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,…
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…
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.
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…
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…
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 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…