Hide Class Witout Removal Button Bug
-
I have All in ONE pack.
Tutorial Video: https://youtu.be/9LXjpFSd6-M… 2:08I did same example in my WordPress web site, but “Hide Class Without Removal” Button did not work. I also tried both on Normal Chrome and Chrome Incognito hidden browser.
Here is the bug videohttps://www.facebook.com/61553664462614/videos/1019138329188715/
Could you please explain me what is the problem?
Thanks very much
Viewing 2 replies - 1 through 2 (of 2 total)
-
Code block
<!-- wp:greenshift-blocks/row {"id":"gsbp-54650455-6af7","align":"full","displayStyles":false} -->
<div class="wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-54650455-6af7" id="gspb_row-id-gsbp-54650455-6af7"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-e1706eff-c311"} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-e1706eff-c311" id="gspb_col-id-gsbp-e1706eff-c311"><!-- wp:greenshift-blocks/container {"id":"gsbp-da23db25-1ec5","flexbox":{"type":"grid","enable":false,"gridcolumns":[3,2,1,1],"columngap":[20],"rowgap":[20]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-da23db25-1ec5" id="gspb_container-id-gsbp-da23db25-1ec5"><!-- wp:greenshift-blocks/container {"id":"gsbp-471284f3-b3e8","dynamicGClasses":[{"value":"sarikutu","type":"local","label":"sarikutu","localed":false,"css":"","attributes":{},"originalID":"gsbp-471284f3-b3e8","originalBlock":"greenshift-blocks/container","selectors":[{"value":".active","attributes":{"csstransform":{"scale":["2"],"time":0.5,"translateY":[0]}},"css":"body .sarikutu.active{transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);transform: translateY(0px) scale(2);}"}],"localedSpace":""}],"interactionLayers":[{"triggerData":{"trigger":"click","selector":".sarikutu"},"actions":[{"actionname":"attach-class","env":"no-action","classname":"active"}],"env":"no-action"}],"flexbox":{"type":"flexbox","flexDirection":["column"],"justifyContent":["space-between"]},"background":{"color":"#ffe271"},"overlay":{"image":["https://pythontutorial.dev/wp-content/uploads/2023/12/p1.webp"],"positionImage":[{"x":"1.00","y":"0.50"}],"repeat":["no-repeat"],"size":["contain"],"color":"#ffe271","inview":false,"hoverScale":"","hoverEditor":"yes","inviewlazy":false,"opacity":"","hoverOpacity":"","hoverTime":0.5},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[40],"right":[150],"bottom":[40],"left":[40]},"unit":["px","px","px","px"],"locked":false}},"containerLink":"#","minHeight":[200,null,null,null],"className":"sarikutu"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-471284f3-b3e8 sarikutu" id="gspb_container-id-gsbp-471284f3-b3e8" data-gspbactions="[{"triggerData":{"trigger":"click","selector":".sarikutu"},"actions":[{"actionname":"attach-class","env":"no-action","classname":"active"}],"env":"no-action"}]"><div class="gspb_backgroundOverlay"></div><a class="gspb-containerlink" href="#" rel="noopener"></a><!-- wp:greenshift-blocks/heading {"id":"gsbp-330c6552-b72e","headingTag":"div","headingContent":"Samsung Odyssey G7 S28AG702","typography":{"textShadow":{},"customweight":"normal","size":[20]},"animation":{"duration":700,"easing":"ease","type":"zoom-out"}} -->
<div id="gspb_heading-id-gsbp-330c6552-b72e" class="gspb_heading gspb_heading-id-gsbp-330c6552-b72e " data-aos="zoom-out" data-aos-easing="ease" data-aos-duration="700">Samsung Odyssey G7 S28AG702</div>
<!-- /wp:greenshift-blocks/heading --> <!-- wp:greenshift-blocks/heading {"id":"gsbp-331aa5d4-cc55","headingTag":"div","headingContent":"Iconic gaming tool","typography":{"textShadow":{},"customweight":"normal","size":[13],"line_height":[20],"color":"#7b7b7b"},"animation":{"duration":700,"easing":"ease","type":"flip-up","delay":100}} -->
<div id="gspb_heading-id-gsbp-331aa5d4-cc55" class="gspb_heading gspb_heading-id-gsbp-331aa5d4-cc55 " data-aos="flip-up" data-aos-delay="100" data-aos-easing="ease" data-aos-duration="700">Iconic gaming tool</div>
<!-- /wp:greenshift-blocks/heading --></div>
<!-- /wp:greenshift-blocks/container --> <!-- wp:greenshift-blocks/container {"id":"gsbp-e0e15150-5beb","flexbox":{"type":"flexbox","flexDirection":["column"],"justifyContent":["space-between"]},"background":{"color":"#dde3e7"},"overlay":{"image":["https://pythontutorial.dev/wp-content/uploads/2023/12/p2.webp"],"positionImage":[{"x":"1.00","y":"0.50"}],"repeat":["no-repeat"],"size":["contain"],"color":"#dde3e7","inview":false,"hoverScale":"","hoverEditor":"","inviewlazy":false,"hoverShiftX":"","hoverOverflow":"","hoverOpacity":"","hoverTime":0.5,"opacity":""},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[40],"right":[150],"bottom":[40],"left":[40]},"unit":["px","px","px","px"],"locked":false}},"containerLink":"#","minHeight":[200,null,null,null]} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-e0e15150-5beb" id="gspb_container-id-gsbp-e0e15150-5beb"><div class="gspb_backgroundOverlay"></div><a class="gspb-containerlink" href="#" rel="noopener"></a><!-- wp:greenshift-blocks/heading {"id":"gsbp-a3995296-550e","headingTag":"div","headingContent":"$110.00","typography":{"textShadow":{},"customweight":"normal","size":[20],"color":"#ff0000"},"animation":{"duration":700,"easing":"ease","type":"flip-up","delay":200}} -->
<div id="gspb_heading-id-gsbp-a3995296-550e" class="gspb_heading gspb_heading-id-gsbp-a3995296-550e " data-aos="flip-up" data-aos-delay="200" data-aos-easing="ease" data-aos-duration="700">$110.00</div>
<!-- /wp:greenshift-blocks/heading --> <!-- wp:greenshift-blocks/heading {"id":"gsbp-350494bd-4e4f","headingTag":"div","headingContent":"Razer Kraken Multi Platform Mercury","typography":{"textShadow":{},"customweight":"normal","size":[20]},"animation":{"duration":700,"easing":"ease","type":"flip-up","delay":300}} -->
<div id="gspb_heading-id-gsbp-350494bd-4e4f" class="gspb_heading gspb_heading-id-gsbp-350494bd-4e4f " data-aos="flip-up" data-aos-delay="300" data-aos-easing="ease" data-aos-duration="700">Razer Kraken Multi Platform Mercury</div>
<!-- /wp:greenshift-blocks/heading --> <!-- wp:greenshift-blocks/heading {"id":"gsbp-65f65467-d65c","headingTag":"div","headingContent":"Iconic gaming headset","typography":{"textShadow":{},"customweight":"normal","size":[13],"line_height":[20],"color":"#7b7b7b"},"animation":{"duration":700,"easing":"ease","type":"flip-up","delay":400}} -->
<div id="gspb_heading-id-gsbp-65f65467-d65c" class="gspb_heading gspb_heading-id-gsbp-65f65467-d65c " data-aos="flip-up" data-aos-delay="400" data-aos-easing="ease" data-aos-duration="700">Iconic gaming headset</div>
<!-- /wp:greenshift-blocks/heading --></div>
<!-- /wp:greenshift-blocks/container --> <!-- wp:greenshift-blocks/container {"id":"gsbp-d18ca587-80a1","dynamicGClasses":[{"value":"sarikutu","type":"local","label":"sarikutu","css":"","attributes":{},"selectors":[]}],"columnspan":[null,2,1],"flexbox":{"type":"flexbox","flexDirection":["column"],"justifyContent":["space-between"]},"background":{"color":"#88f7ff"},"overlay":{"image":["https://pythontutorial.dev/wp-content/uploads/2023/12/p3.webp"],"positionImage":[{"x":"1.00","y":"0.50"}],"repeat":["no-repeat"],"size":["contain"],"color":"#88f7ff","inview":false,"hoverScale":"","hoverEditor":"yes","hoverShiftX":"","hoverOverflow":"yes","hoverTime":0.5,"hoverShiftY":"","opacity":"","hoverOpacity":"","inviewlazy":false},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[40],"right":[150],"bottom":[40],"left":[40]},"unit":["px","px","px","px"],"locked":false}},"containerLink":"#","minHeight":[200,null,null,null],"className":"sarikutu"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-d18ca587-80a1 sarikutu" id="gspb_container-id-gsbp-d18ca587-80a1"><div class="gspb_backgroundOverlay"></div><a class="gspb-containerlink" href="#" rel="noopener"></a><!-- wp:greenshift-blocks/heading {"id":"gsbp-223c4454-5805","headingTag":"div","headingContent":"Samsung Odyssey G7 S28AG702","typography":{"textShadow":{},"customweight":"normal","size":[20]},"animation":{"duration":700,"easing":"ease","delay":500,"type":"flip-up"}} -->
<div id="gspb_heading-id-gsbp-223c4454-5805" class="gspb_heading gspb_heading-id-gsbp-223c4454-5805 " data-aos="flip-up" data-aos-delay="500" data-aos-easing="ease" data-aos-duration="700">Samsung Odyssey G7 S28AG702</div>
<!-- /wp:greenshift-blocks/heading --> <!-- wp:greenshift-blocks/heading {"id":"gsbp-e323f76a-4fe6","headingTag":"div","headingContent":"Price","typography":{"textShadow":{},"customweight":"normal","size":[13],"line_height":[20],"color":"#7b7b7b"},"animation":{"duration":700,"easing":"ease","type":"flip-up","delay":600}} -->
<div id="gspb_heading-id-gsbp-e323f76a-4fe6" class="gspb_heading gspb_heading-id-gsbp-e323f76a-4fe6 " data-aos="flip-up" data-aos-delay="600" data-aos-easing="ease" data-aos-duration="700">Price</div>
<!-- /wp:greenshift-blocks/heading --> <!-- wp:greenshift-blocks/heading {"id":"gsbp-2635ed18-29bc","headingTag":"div","headingContent":"$321.00","typography":{"textShadow":{},"customweight":"normal","size":[20],"color":"#ff0000"},"animation":{"duration":700,"easing":"ease","type":"flip-up","delay":700}} -->
<div id="gspb_heading-id-gsbp-2635ed18-29bc" class="gspb_heading gspb_heading-id-gsbp-2635ed18-29bc " data-aos="flip-up" data-aos-delay="700" data-aos-easing="ease" data-aos-duration="700">$321.00</div>
<!-- /wp:greenshift-blocks/heading --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></div>
<!-- /wp:greenshift-blocks/row -->Thank you but I was not able to reproduce from your code. I will keep eye on this
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘Hide Class Witout Removal Button Bug’ is closed to new replies.