You can create a cool diamond shape using HTML5 and CSS3 with an image in the background with outer border in your own color. Here is a CSS and HTML code snipped that renders a diamond shape with an image or WordPress logo in the background. You can upload an image that fits right to the layout. .diamond, .dia { margin: 0 auto; transform-origin: 50% 50%; overflow: hidden; width: 150px; height: 150px; } .diamond { transform: rotate(45deg) translateY(-25px) translateX(-25px); margin-top: 100px; border-bottom: 4px solid rgb(145, 37, 37); border-right: 4px solid rgb(145, 37, 37); } .diamond...
How to Write Custom CSS Specifically for Certain Page Templates in WordPress
If you want to add custom css for a specific page template, you can use is page template function in the header in if condition and write the corresponding css as the sample below.