Image alignment and main image for Text type posts.

Three CSS classes are used to align images within Text type posts in Minelienda.

CSS Classes for image alignment within Text type posts on Minelienda:
  1. left-aligned-image
  2. right-aligned-image
  3. full-width-image
The above classes are used from the HTML editor in tumblr as shown below.


<img src="img-src-here" alt="" class="left-aligned-image main-image"/>


<img src="img-src-here" alt="" class="right-aligned-image"/>





<img src="img-src-here" alt="" class="full-width-image"/>


<img src="img-src-here" alt="" class="full-width-image main-image"/>





Additionally another CSS class can be used with images within Text type posts in Minelienda.
  • main-image
This class when added to image(s) within a Text type post will make the first image found with the class name as the main image / header image of Text type post's permalink page. "main-image" class can be used with any of the image alignment classes mentioned above.

The usage of "main-image" is as shown below.



<img src="img-src-here" alt="" class="main-image"/>









Please Note: The above is also covered in the video tutorial here.

Feedback and Knowledge Base