Archived topic
Change border radius for Dynamic Images embedded in posts (via Block element)
8 replies · Started by Sasha on July 19, 2021
Hi there –
Follow up question to my resolved topic HERE.(#1860256)
I have reconfigured some things on my site, and now I'm using Dynamic Images in a hooked header (Block element) to display featured images on blog posts.
What CSS should I add to style these images with a 5px border radius?
Sorry– one more request in addition to the above.
I also started using Dynamic Images to display Featured Images on all archives pages AND the front page, via a Content Template. Could you please provide CSS to add the 5px border radius to those images as well?
Thanks!
Hi Sasha,
Try replacing this block of CSS:
.search .dynamic-content-template.post img {
border-radius: 5px;
}
With just this:
.dynamic-content-template.post img {
border-radius: 5px;
}
Let me know if this helps :)
Thanks Leo!
It helps with my first question in this thread. But then I added a second question after my first post.
(Bad forum behavior, sorry.)
My CSS should've taken care of both questions I think.
Can you link me to the specific page that this isn't working?
Sorry Leo – I'm getting mixed up. The code is no longer working in the Dynamic Images in the Block Element headers I am using on single blog posts. Sample page in private info.
Hi Sasha,
The code Leo provided is NOT for the single post, it's for the blog and archives that are using the dynamic content template.
You can try this CSS for single post:
.single .gb-container.gb-container-06f3a63f img {
border-radius: 5px;
}
Thanks Ying & Leo! That worked.
Great! Glad to help :)