Hi everyone! 👋 If you’ve been scrolling through other blogs thinking, "How did they do that?" but you’re too scared to touch your theme's HTML, this post is for you.
You don't need to be a coder to make your theme look cute. I’ve put together a collection of 12 Simple CSS Codes that you can just copy and paste.
🌸 Want to see them in action first?
CLICK HERE TO VIEW THE LIVE PREVIEW
(Check out the preview to see exactly how these move and look!)
🛠️ How to Add These Codes
It is completely safe! If you don't like the result, you can just delete the code and your theme returns to normal.
Go to your blog and click Edit Appearance (the palette icon).
Click Edit Theme.
Scroll down the sidebar and look for "Advanced Options" or "Add Custom CSS". You may also put this under your <style> tag.
Paste ONE of the codes below into that box.
The Design Collection
01. Soft Corners
If your theme feels too "sharp," this softens the edges of every image.
img { border-radius: 30px; }
02. The Noir (B&W Reveal)
A classic look. Images are black & white until you hover over them.
Don't paste them all! Pick just one effect for the best result.
Customize: You can change the numbers! For example, change 0.6s to 1s for a slower movement, or 30px to 10px for less rounded corners.
Happy editing! Let me know which one is your favorite! 💖
⚠️ Disclaimer: These codes target the standard img tag, which means they will affect most images on your blog. Depending on how your specific theme was coded by its creator, these snippets might interact differently with your layout (e.g., sidebar icons or header images). If something looks wrong, simply delete the code from the Custom CSS box and save, and your theme will return to its original state. Always back up your theme code before making major changes!
Post-processing (editing) a rendering can be useful for many reasons. You may want to tweak the contrast, add some bloom or a vignette, or even change background colors and add frontplates. KeyShot allows you to do that prior to rendering but also after you have rendered your scene, along with creating multiple versions. Let's have a look.
Emboss and Deboss Labels
With KeyShot 8 or later, you can quickly and easily make post-render edits using the Adjustments panel in the Render window. Once you’ve selected your output options and hit Render, the Render window will open and show the progress of the image that’s currently being processed. At any point during your local render, you can begin making adjustments by selecting the Show Image Style panel icon on the Render window menu.
Remember that although you can make adjustments immediately when the render process starts, you can get a more accurate idea of what adjustments might be needed after the render is complete.
Once the Adjustments panel is open, you’ll notice that the tab looks nearly identical to the Image tab in the KeyShot Project panel. The only notable difference is the lack of Resolution settings since the image has already been rendered at the set resolution.
All settings can be edited the same as in the Image settings. In fact, if you created some Image Styles earlier, you will see them here. With the same settings available post render, post-processing is a natural step in the visual creation pipeline and helps reduce the need to re-render images that don't have the appearance you prefer.
With the Adjustments panel available post-render, you have options for Basic and Photographic that include image adjustments such as Exposure, Bloom, Vignette, and Chromatic Aberration, as well as the option to Denoise your images and remove fireflies.
If you use the Photographic option, you gain greater control of your image adjustment parameters, as well as change your background colors and add frontplates, just as you would in the KeyShot Image options.
Once you’ve finished making adjustments and you’re satisfied with the final result, you can save your changes. If you close the window or hit the green checkmark, you will get a prompt to save your changes.
Hopefully, this helps consider the post-processing options in KeyShot. You can learn more about Image Styles in the KeyShot Manual. If you're interested in trying KeyShot Pro, just visit portal.keyshot.com/try/keyshot.
What Can You Create?
We would love to see what you create with this tip. Visit the KeyShot Amazing Shots forum to see what others are creating and share your own work.