Blog image customization

Ask the Community Customization
1

I like the new features been waiting for those cats and tags so nice to be able to put those to use now. How do I change the images to the left or right?

I’m Rhonda Holscher, posting from a client account. I do have my own account.

1 Like
2

Love, love, love the new features … thank you much!

Can we get a preview image and the ability to adjust the post images left/right and resize them. Perhaps you have CSS for this?

Blog is coming along nicely … great work!

1 Like
3

Hi there, @Rhonda :waving_hand:

You’d like to change the alignment of the featured image in the post popup, right?

If this is the case, here is a CSS code to change the alignment to the right:

[class*="Popup__PopupInner-sc"] 
[class*="post__FeaturedImage-sc"],
.es-post-img-wrapper {
  margin-left: 0!important;
}

If you’d like to change the alignment to the left, please replace margin-right with margin-left. As for the resizing, do you mean changing the aspect ratio, scale or maybe an option to manually set the needed height and width?

1 Like
4

Thanks @Max for the left/right alignment of the feature image. I found this for it as well on my own last night

[class*=‘Popup__PopupContainer-sc’] [class*=‘post__Header-sc’] > [class*=‘MediaContainer__Container-sc’] {
max-width: 340px;
margin: 0 auto;
}

And it did what I was trying to do as far size and I tweeked it with this I also found in the CSS on Elfsight

[class*=“post__FeaturedImage-sc”],
.es-post-img-wrapper img {
border-width: 2px;
border-style: solid;
border-color: dark-blue;
border-radius: 30px;

}

I’ll experiment with left/right alignment now that I understand how it works and see if it suits me. It could also be a valuable addition to the features for those who don’t know code or prefer not to deal with it.

The feature image, in the portfolio, you have a PREVIEW image and then content and or more images. But the PREVIEW only shows on the front-facing image, where they click to view the content on the blog; this image is the same as the internal image. I would like that preview option. Let me show you what I’m talking about.

https://ohiovalley.hdsa.org/about/blog#portfolio

This page currently hosts the blog I’m working on, which I’m transitioning from the temporary portfolio widget I used as a blog. Both are still live on the page for now. The top is the new BLOG in the blog widget, and the bottom is the title Blog Archives, but is the portfolio widget. I like the way my PREVIEW images look here … and I’m allowed to post separate images on the page and the preview image does not have to look the same.

Let me know if this makes sense. I’m sorry if I’m so wordy. Thanks @Max

2 Likes
5

I forgot … can we either change the name of categories like to menu or have options and or get the lines other blogs get for their menus in mobile view.

1 Like
7

Hi there, @Rhonda :waving_hand:

Glad to know you’ve found a way to customize your widget further.

Regarding your feedback about the preview image like in Portfolio, I agree that it would be a nice enhancement, and I’ve added it to the Wishlist on your behalf - Option to display different images in preview and post popup

As for this, I am afraid I didn’t quite get your idea. Could you please elaborate on what you mean?

1 Like