WordPress wp-admin CSS has broken and shows 404 on all pages [Fixed]

Problem: One day after login the WordPress website I saw the dashboard is unstyled, sitting in the top left corner. all the CSS styles are gone. When I click any wp-admin link like Post, Pages, Appearance, Plugins, etc I get a 404 error page. So I was unable to change anything from WordPress dashboard. Although…

| |

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?…

| |

[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…

| |

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…

| |

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
| |

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…