CSS difference between site frontend and page

Home Forums Legacy Support Support queries How-to & Troubleshooting CSS difference between site frontend and page

Viewing 15 posts - 16 through 30 (of 37 total)
  • Author
    Posts
  • #364331
    ixiredu
    Participant
    This reply has been marked as private.
    #364412
    Veronica
    Moderator
    hi 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 this
    #364618
    ixiredu
    Participant
    This reply has been marked as private.
    #364760
    Veronica
    Moderator
    hi 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 worker
    #364838
    ixiredu
    Participant
    This reply has been marked as private.
    #365477
    ixiredu
    Participant
    This reply has been marked as private.
    #365641
    Veronica
    Moderator
    hi 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 too
    #365708
    ixiredu
    Participant
    This reply has been marked as private.
    #365843
    Anshuman Sahu
    Keymaster
    Well 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 .
    #366152
    ixiredu
    Participant
    This reply has been marked as private.
    #366248
    Anshuman Sahu
    Keymaster
    This reply has been marked as private.
    #366374
    ixiredu
    Participant
    What is the solution? How can I fix these 2 problems?
    #366771
    ixiredu
    Participant
    Reminding
    #366896
    Anshuman Sahu
    Keymaster
    Add 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
    });
    
    #366931
    ixiredu
    Participant
    This reply has been marked as private.
Viewing 15 posts - 16 through 30 (of 37 total)
  • The topic ‘CSS difference between site frontend and page’ is closed to new replies.