Blog

Netlify Vue 404 Fix

User Netlyfy vue project when inner rout work but when page referesh it says 404 not found Assistant You're encountering the classic Netlify + Vue.js **404 on page refresh for inner routes** issue. This happens because Vue Router (especially in **history mode**) manages routing on the client-side, but Netlify by default looks for physical files […]

React JS Navigation Example

User react js add new page without router Assistant In React, if you want to **add a new page or component without using a router like React Router**, you can handle navigation manually by using **conditional rendering** based on a state variable. Here’s a simple example to demonstrate this: — ### ✅ Step-by-step Example: React […]

Google Analytics Order Tracking

User I've checked the google analytics and found that they have track record of order from 1 jan 2020 Correct above senencwe Assistant Sure! Here's the corrected version of your sentence: **"I've checked Google Analytics and found that it has tracking records of orders starting from January 1, 2020."** Let me know if you want […]

Iframe CSS Changes HubSpot

User I have debugged the code and apply to our changes but due to content comes from external source in iframe , our changes not reflecting So we need HubSpot account details to add inline CSS to the form. Thanks! Correct above Assistant Here is the corrected and more polished version of your message: — […]

Move Orders to Archive

User Put order before 2021 from posts and postsmeta tables to respective archive tables like post_archive Postmeta_archive Assistant To move records from the `posts` and `postmeta` tables into archive tables (`post_archive` and `postmeta_archive`) where the post was created **before 2021**, you can run the following SQL statements: ### Step 1: Move posts to `post_archive` INSERT […]

CSS After Form Submit

User hbspt.forms.create({ portalId: "", formId: "", cssClass: "my-hubspot-form" }); add css to p elemeent after form submit Assistant To apply CSS to the “ elements inside the HubSpot form *after it is submitted*, you need to use HubSpot’s `onFormSubmitted` callback and JavaScript to target the desired elements. Here’s how to do it: ### ✅ Updated […]

Apply CSS to HubSpot iframe

User <script> hbspt.forms.create({ portalId: "<?php echo $whitepaper['hubspot_portalId']; ?>", formId: "<?php echo $whitepaper['hubspot_formId']; ?>" }); </script> apply css on p tag returing by above js in iframe Assistant To apply CSS to the “ tags *inside the iframe* that is dynamically generated by HubSpot's form script, you cannot directly style them using your page's CSS due […]

Enable Leaflet zooming

User enable zooming in leaft map Assistant To enable zooming in a **Leaflet map**, you typically need to make sure the following features are configured correctly: ### ✅ Enable Zooming in Leaflet Here's how you can enable zooming features: const map = L.map('map', { center: [51.505, 10.09], // Example coordinates (Germany center) zoom: 6, zoomControl: […]

Font Hover Effect Update

User Actually we need only variable type font to show hover effect , normal font will not work for now I have added an option for select font family between "Neue Metana and Compressa VF" also For effect 1 font size issue is done for effect 2 ,Styling like color,font size,line height,and font weight is […]

Font Size Issue Fix

User (function($) { $(document).ready(function () { const elementId = window.effect1ElementId; const fontSizeWidget = window.effectFontSize; const targetElement = document.getElementById(elementId); var maxDist; var mouse = { x: 0, y: 0 }; var cursor = { x: window.innerWidth, y: window.innerHeight }; Math.dist = function(a, b) { var dx = b.x – a.x; var dy = b.y – a.y; […]