How do I style blog post images?

Hi!

I want to be able to change the look of my blog post images. Ideally, I’d like to be able to choose between one to three different styles (for example, I’d like some images to have a border, but some images not to have a border).

How do I create classes and apply them to blog post images? I don’t see a way to do it in the blog post form, although it seem like you might be able to do it using this dialog box:

Nor does there seem to be a way to do it on the blog page template, which shows options for changing rich text block settings, but not images:

Thank you!


Here is my public share link: https://preview.webflow.com/preview/nanatoo-b5393d?preview=5ae675422fa64acf06eef8c85122158d
(how to access public share link)

If the images are a part of a Rich Text Element, there is currently no way of adding classes to specific ones, tho I think that’s a great thing to put on a Wish List :).

There are 2 ways of handling this currently:

  1. Style all images within the Rich Text Element - http://help.webflow.com/faq/how-to-style-rich-text-elements
  2. Make the images not a part of the Rich Text and simply have them on the page pulling images from CMS. Make sure to set Conditional Visibility for those images in Page Template, so they are not shown if the image in CMS is not set. More info on Conditional Visibility can be found here: http://forum.webflow.com/t/new-feature-conditional-visibility/22539. Also we have a nice video - YouTube that explains Conditional Visibility :)
2 Likes

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.