Wordpress

How to Fix WordPress Pages and Permalinks 404 Not Found Error on Nginx Server

Tested with Nginx 1.19.0 WordPress 5.4 PHP 7.2.24 Vesta CP After switched to Nginx from Apache server WordPress started showing 404 or Page not found errors. Homepage loads but all permalinks are 404 when using Nginx & PHP-FPM What causes the Nginx wordpress permalinks 404 error WordPress recommends PHP-FPM as the PHP handler to take …

How to Fix WordPress Pages and Permalinks 404 Not Found Error on Nginx Server Read More »

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 …

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

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 add FacetWP Reset Filters button Read More »

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 …

[Solved] CSS Clip-path using SVG Polygons doesn’t work well on Safari Read More »

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 …

WordPress: How to make parent menu item clickable when they have a submenu Read More »

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

Global Fonts and Colors set in Theme Customizer not showing up on Elementor pages Read More »

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 …

How to center align the submit button on the Divi Contact Form Module using Flex Read More »

Scroll to Top