How to make a div that works with custom theme html tags

[ad_1]

I’m using the WordPress theme Pixl ([https://wordpress.com/theme/pixl](https://wordpress.com/theme/pixl)) and it adds a border and CSS shadow to the post highlight cards in the query loop block. When I investigated the html I found it’s really just two tags – “pixl-shadow” in the div, and “border-width:2px;” in the style.
I’d like to add the same border and shadow to my blog pages, as a box around the paragraph content, and maybe around an image or two. However, I can’t seem to figure out how I would do that.

I have a little experience with HTML and CSS, but this is a bit over my head. I tried adding custom html and it kept breaking the blocks. I also tried adding custom css to blocks in the theme editor, but it seems like it’s interfering with the way that WordPress renders the custom theme css sheet. I’m not really sure. Any suggestions appreciated!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer