button and popup

Hi,
The following css will remove the next arrows and increase the size of the “wheel of life” at the link in the Private Content area.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.postid-463 .mfp-arrow {
	display:none !important;
}
#top.postid-463 div.mfp-iframe-scaler  {
  height: 100vh !important; 
  width: 100vw !important;
  }
#top.postid-463 .mfp-iframe-scaler iframe {
    left: -15vw !important; 
    width: 90% !important; 
    height: 90% !important; 
}

Then clear your browser cache and check. Please let us know if you need help with this css on a different page or post.

The wand tool can have different options depending on the element, try opening a new page or post and from the plus sign in the block editor choose “classic”

then the wand tool will show all of the options:

I took these screenshots from your site, to show that it is working correctly.
There may be cases when some options are not available within some elements, this means that the option is not supported in that case.

Best regards,
Mike

Hi,
When creating a lightbox popup with the Magnific Popup script you must add a trigger class to the link that matches the script, in your case it’s inline_popup, so for a simple link you had it correct in your example code above, but th problem is that the shortcode for a button doesn’t have a place for the class to be added to the “a” tag, which is the link of the button. The “custom_class” placeholder that you saw is actually for the button container, not the link.
So the solution is to use this button code below to create your lightbox popup buttons and adjust to suit.

<div class="avia-button-wrap avia-button-center"><a class="avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center inline_popup" href="#wheeloflife"><span class="avia_iconbox_title">WheelOfLife</span></a></div>

Best regards,
Mike