Home › Forums › Legacy Support › Support queries › How-to & Troubleshooting › CSS difference between site frontend and page
- This topic has 34 replies, 4 voices, and was last updated 2 years, 8 months ago by Anshuman Sahu.
-
AuthorPosts
-
July 7, 2021 at 3:49 pm #364331ixireduParticipantThis reply has been marked as private.July 8, 2021 at 10:46 am #364412VeronicaModeratorhi please check this https://docs.wplms.io/admin-guide-faqs#elementor-and-other-icons-go-missing-when-pwa-enabled you need to follow this step by step in order to solve thisJuly 9, 2021 at 2:01 pm #364618ixireduParticipantThis reply has been marked as private.July 12, 2021 at 10:50 am #364760VeronicaModeratorhi you have added ?version with the URL now you have to do this for all the console scripts available there and make sure after that you regenerated the service workerJuly 12, 2021 at 3:57 pm #364838ixireduParticipantThis reply has been marked as private.July 17, 2021 at 8:16 am #365477ixireduParticipantThis reply has been marked as private.July 19, 2021 at 12:04 pm #365641VeronicaModeratorhi the delay in reply due to support holiday check add ALL these http://prntscr.com/1d233jp in pre cache resources and here http://prntscr.com/1d24757 tooJuly 19, 2021 at 4:01 pm #365708ixireduParticipantThis reply has been marked as private.July 20, 2021 at 2:20 pm #365843Anshuman SahuKeymasterWell after following this guide : https://docs.wplms.io/admin-guide-faqs#elementor-and-other-icons-go-missing-when-pwa-enabled you will need to change the service worker version , then save changes , then regenerate the service worker again .July 22, 2021 at 6:17 pm #366152ixireduParticipantThis reply has been marked as private.July 23, 2021 at 1:09 pm #366248Anshuman SahuKeymasterThis reply has been marked as private.July 25, 2021 at 6:25 pm #366374ixireduParticipantWhat is the solution? How can I fix these 2 problems?July 31, 2021 at 8:09 am #366771ixireduParticipantRemindingAugust 2, 2021 at 1:09 pm #366896Anshuman SahuKeymasterAdd this code in your wplms-customizer.php file in wplms customizer plugin :
add_action('wp_footer',function(){ ?> <style> .profile_grid .elementor-5122 .elementor-element.elementor-element-a11865c .elementor-spacer-inner { height: 50px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-80bf21a { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-80bf21a .elementor-heading-title { color: var(--e-global-color-primary); } .profile_grid .elementor-5122 .elementor-element.elementor-element-6ed0aac1 { --divider-border-style: solid; --divider-color: #5C5B5B; --divider-border-width: 3px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-6ed0aac1 .elementor-divider-separator { width: 5%; margin: 0 auto; margin-center: 0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-6ed0aac1 .elementor-divider { text-align: center; padding-top: 24px; padding-bottom: 24px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child) { padding-bottom: calc(6px/2); } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) { margin-top: calc(6px/2); } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-right: calc(6px/2); margin-left: calc(6px/2); } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-items.elementor-inline-items { margin-right: calc(-6px/2); margin-left: calc(-6px/2); } .profile_grid body.rtl .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after { left: calc(-6px/2); } .profile_grid body:not(.rtl) .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after { right: calc(-6px/2); } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-icon i { color: #FF5500; font-size: 14px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-icon svg { fill: #FF5500; width: 14px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-de3d7c3 .elementor-icon-list-text { color: #3E3D3D; } .profile_grid .elementor-5122 .elementor-element.elementor-element-cc6ae6a > .elementor-widget-container { margin: 0px 0px 0px 0px; padding: 30px 30px 30px 30px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-c62c998 { margin-top: 100px; margin-bottom: 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-e1e1638 .elementor-counter-number-wrapper { color: #1170A0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-1f6ee3f .elementor-counter-number-wrapper { color: #1170A0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-58411a9 .elementor-counter-number-wrapper { color: #1170A0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-dcb2f4f .elementor-counter-number-wrapper { color: #1170A0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4fcfcae > .elementor-element-populated { padding: 0px 0px 0px 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4410af9d { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4410af9d .elementor-heading-title { color: #FF5500; font-family: "Roboto Slab", Sans-serif; font-size: 43px; font-weight: 400; text-transform: capitalize; } .profile_grid .elementor-5122 .elementor-element.elementor-element-7482777 .elementor-spacer-inner { height: 100px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4738061:not(.elementor-motion-effects-element-type-background), .profile_grid .elementor-5122 .elementor-element.elementor-element-4738061 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #F2F2F2; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4738061 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 0px; margin-bottom: 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4738061 > .elementor-background-overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4738061 > .elementor-shape-top .elementor-shape-fill { fill: #673535; } .profile_grid .elementor-5122 .elementor-element.elementor-element-4738061 > .elementor-shape-top svg { width: calc(100% + 1.3px); height: 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-23b071a > .elementor-element-populated { margin: 45px 0px 0px 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-8648888 { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-8648888 .elementor-heading-title { color: #FF5500; font-family: "Roboto Slab", Sans-serif; font-size: 32px; font-weight: 400; text-transform: capitalize; } .profile_grid .elementor-5122 .elementor-element.elementor-element-a033798 { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-293682b:not(.elementor-motion-effects-element-type-background), .profile_grid .elementor-5122 .elementor-element.elementor-element-293682b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #F2F2F2; } .profile_grid .elementor-5122 .elementor-element.elementor-element-293682b { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 0px; margin-bottom: -50px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-293682b > .elementor-background-overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .profile_grid .elementor-5122 .elementor-element.elementor-element-293682b > .elementor-shape-top .elementor-shape-fill { fill: #673535; } .profile_grid .elementor-5122 .elementor-element.elementor-element-293682b > .elementor-shape-top svg { width: calc(100% + 1.3px); height: 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-2bc2b3d > .elementor-element-populated { padding: 45px 10px 60px 10px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-dcf8923 { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-dcf8923 .elementor-heading-title { color: #1170A0; font-family: "Roboto", Sans-serif; font-weight: 600; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a { --divider-border-style: solid; --divider-color: #1170A0; --divider-border-width: 1px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a .elementor-divider-separator { width: 100%; margin: 0 auto; margin-center: 0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a .elementor-divider { text-align: center; padding-top: 15px; padding-bottom: 15px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a.elementor-view-stacked .elementor-icon { background-color: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a.elementor-view-default .elementor-icon { color: #FF5500; border-color: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a.elementor-view-default .elementor-icon svg { fill: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a .elementor-icon i, .profile_grid .elementor-5122 .elementor-element.elementor-element-222849a .elementor-icon svg { transform: rotate(0deg); } .profile_grid .elementor-5122 .elementor-element.elementor-element-932eaad { text-align: justify; color: #7A7A7A; } .profile_grid .elementor-5122 .elementor-element.elementor-element-dd4906d > .elementor-element-populated { padding: 45px 10px 60px 10px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-cf25990 { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-cf25990 .elementor-heading-title { color: #1170A0; font-family: "Roboto", Sans-serif; font-weight: 600; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1 { --divider-border-style: solid; --divider-color: #1170A0; --divider-border-width: 1px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1 .elementor-divider-separator { width: 100%; margin: 0 auto; margin-center: 0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1 .elementor-divider { text-align: center; padding-top: 15px; padding-bottom: 15px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1.elementor-view-stacked .elementor-icon { background-color: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1.elementor-view-default .elementor-icon { color: #FF5500; border-color: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1.elementor-view-default .elementor-icon svg { fill: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1 .elementor-icon i, .profile_grid .elementor-5122 .elementor-element.elementor-element-9b727d1 .elementor-icon svg { transform: rotate(0deg); } .profile_grid .elementor-5122 .elementor-element.elementor-element-df937f1 { text-align: justify; } .profile_grid .elementor-5122 .elementor-element.elementor-element-af2705d > .elementor-element-populated { padding: 45px 10px 60px 10px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-072fdae { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-072fdae .elementor-heading-title { color: #1170A0; font-family: "Roboto", Sans-serif; font-weight: 600; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e { --divider-border-style: solid; --divider-color: #1170A0; --divider-border-width: 1px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e .elementor-divider-separator { width: 100%; margin: 0 auto; margin-center: 0; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e .elementor-divider { text-align: center; padding-top: 15px; padding-bottom: 15px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e.elementor-view-stacked .elementor-icon { background-color: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e.elementor-view-default .elementor-icon { color: #FF5500; border-color: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e.elementor-view-default .elementor-icon svg { fill: #FF5500; } .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e .elementor-icon i, .profile_grid .elementor-5122 .elementor-element.elementor-element-db0842e .elementor-icon svg { transform: rotate(0deg); } .profile_grid .elementor-5122 .elementor-element.elementor-element-a743a4f { text-align: justify; } .profile_grid .elementor-5122 .elementor-element.elementor-element-491e61b1 > .elementor-container { max-width: 1000px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-491e61b1:not(.elementor-motion-effects-element-type-background), .profile_grid .elementor-5122 .elementor-element.elementor-element-491e61b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff; } .profile_grid .elementor-5122 .elementor-element.elementor-element-491e61b1 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 70px; margin-bottom: 0px; padding: 0px 0px 440px 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-491e61b1 > .elementor-background-overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .profile_grid .elementor-5122 .elementor-element.elementor-element-617274b { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-617274b .elementor-heading-title { color: #FF5500; font-family: "Roboto Slab", Sans-serif; font-size: 43px; font-weight: 400; text-transform: capitalize; } .profile_grid .elementor-5122 .elementor-element.elementor-element-617274b > .elementor-widget-container { margin: 25px 0px 25px 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42 .elementor-icon-wrapper { text-align: center; } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42.elementor-view-stacked .elementor-icon { background-color: var(--e-global-color-primary); } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42.elementor-view-default .elementor-icon { color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42.elementor-view-framed .elementor-icon, .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42.elementor-view-default .elementor-icon svg { fill: var(--e-global-color-primary); } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42 .elementor-icon { font-size: 23px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42 .elementor-icon i, .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42 .elementor-icon svg { transform: rotate(0deg); } .profile_grid .elementor-5122 .elementor-element.elementor-element-67d7fc42 > .elementor-widget-container { padding: 10px 0px 20px 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-703d6a82 > .elementor-container { max-width: 1000px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-703d6a82:not(.elementor-motion-effects-element-type-background), .profile_grid .elementor-5122 .elementor-element.elementor-element-703d6a82 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-image: url("http://ixiredu.com/wp-content/uploads/2021/03/vication4.jpg"); background-position: center center; background-repeat: repeat; background-size: contain; } .profile_grid .elementor-5122 .elementor-element.elementor-element-703d6a82 > .elementor-background-overlay { background-color: transparent; opacity: 0.88; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .profile_grid .elementor-5122 .elementor-element.elementor-element-703d6a82 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 150px 0px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-703d6a82 > .elementor-shape-top svg { width: calc(164% + 1.3px); height: 429px; } .profile_grid .elementor-5122 .elementor-element.elementor-element-1bc58ba4 > .elementor-widget-container { margin: -462px 0px 0px 0px; border-style: solid; border-width: 10px 10px 10px 10px; border-color: #ffffff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); } .profile_grid .elementor-5122 .elementor-element.elementor-element-1bc58ba4:hover .elementor-widget-container { box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.34); } @media (min-width: 768px) { .elementor-5122 .elementor-element.elementor-element-504ca49 { width: 13%; } .elementor-5122 .elementor-element.elementor-element-23b071a { width: 74.333%; } .elementor-5122 .elementor-element.elementor-element-2e1fd5a { width: 12%; } .elementor-5122 .elementor-element.elementor-element-e977e9d { width: 13%; } .elementor-5122 .elementor-element.elementor-element-2bc2b3d { width: 25%; } .elementor-5122 .elementor-element.elementor-element-dd4906d { width: 25%; } .elementor-5122 .elementor-element.elementor-element-af2705d { width: 25%; } .elementor-5122 .elementor-element.elementor-element-231e70b { width: 12%; } } @media (max-width: 1024px) { .elementor-5122 .elementor-element.elementor-element-491e61b1 { margin-top: 0px; margin-bottom: 0px; } .elementor-5122 .elementor-element.elementor-element-703d6a82 { margin-top: 0px; margin-bottom: 0px; padding: 30px 30px 80px 30px; } .elementor-5122 .elementor-element.elementor-element-596cd5f8 > .elementor-element-populated { margin: 0px 0px 0px 0px; } } @media (max-width: 767px) { .elementor-5122 .elementor-element.elementor-element-491e61b1 { margin-top: 80px; margin-bottom: 0px; padding: 0px 0px 0px 0px; } .elementor-5122 .elementor-element.elementor-element-617274b { text-align: center; } .elementor-5122 .elementor-element.elementor-element-617274b .elementor-heading-title { font-size: 28px; } .elementor-5122 .elementor-element.elementor-element-703d6a82 > .elementor-shape-top svg { height: 0px; } .elementor-5122 .elementor-element.elementor-element-703d6a82 { margin-top: 0px; margin-bottom: 0px; padding: 20px 20px 20px 20px; } .elementor-5122 .elementor-element.elementor-element-1bc58ba4 > .elementor-widget-container { margin: 0px 0px 0px 0px; } } </style> <?php });
August 2, 2021 at 7:49 pm #366931ixireduParticipantThis reply has been marked as private. -
AuthorPosts
- The topic ‘CSS difference between site frontend and page’ is closed to new replies.