bryanhiggs
New Member
I often find it useful to create an element on a webpage that would normally be hidden, but that I can make visible when I need it. For example, a banner announcing something new, but of limited duration -- snow cancellations, an upcoming concert, and so on. I like to have the element available for reuse, as it saves time setting it up.
I have added a custom CSS class using the Customizer:
/**
* Hide a particular element
*/
.hide {
display:none;
}
In Gutenberg/the WordPress Block Editor, I have found that setting the hide class on an element causes it to stay visible in the edit page environment, but it disappears (as desired) in the live page. This is very convenient.
In Elementor, however, when I try to do the same thing on an element, the element disappears in the edit page environment, making it a little troublesome to find later. Is there a better way to accomplish what I want to do in Elementor?
Help appreciated!
Thanks, Bryan
I have added a custom CSS class using the Customizer:
/**
* Hide a particular element
*/
.hide {
display:none;
}
In Gutenberg/the WordPress Block Editor, I have found that setting the hide class on an element causes it to stay visible in the edit page environment, but it disappears (as desired) in the live page. This is very convenient.
In Elementor, however, when I try to do the same thing on an element, the element disappears in the edit page environment, making it a little troublesome to find later. Is there a better way to accomplish what I want to do in Elementor?
Help appreciated!
Thanks, Bryan