Hi @chipsand,
Is it normal to act this way?
Yes, it is. These themes are self-contained components and cannot be affected by external CSS rules (as explained here). It is possible to modify them though, see Customizing an existing theme for more details.
If you have any further questions please let me know.
Thank you for the instruction, it worked well.
There’s another thing that I want to modify – hiding the loading icon, a red progress bar type of animation that appears briefly – is there a way to hide it? It doesn’t flow well with my design.
One more question, is there any way to hide the thumbnail when there is no thumbnail(instead of setting the default image).
Again, thank you in advance!
Hi @chipsand,
There’s another thing that I want to modify – hiding the loading icon, a red progress bar type of animation that appears briefly – is there a way to hide it? It doesn’t flow well with my design.
Yep, you can use plain old CSS for this as the loading bar isn’t part of the self-contained component. Add the following CSS rule to your site’s stylesheet (or via Appearance > Customize > Additional CSS):
.wpp-widget-placeholder,
.wpp-widget-block-placeholder,
.wpp-shortcode-placeholder {
visibility: hidden;
}
One more question, is there any way to hide the thumbnail when there is no thumbnail(instead of setting the default image).
Yes, note though that for this one you do need to follow the instructions from before as the thumbnails are embedded within the self-contained component and thus won’t be affected by regular CSS rules.
Use the CSS class wpp_def_no_src to target “No thumbnail” images, like so for example:
.wpp_def_no_src { display: none; }
