Round corners on image within content block

Permalink Browser Info Environment
Hi! Loving this add-on :)

Just trying to figure something and hoping you can let me know if it ca even be done!

I have a content block, which as text and an image. I need them in the one content block, as I need text to wrap. I also need them in the one content block because I have applied the round corners to it, to create a rounded border around the entire content block.

Question is, can I apply round corners to the image within the content block? Using different settings for the round corners that apply only to the image within the content block?

Type: Discussion
Status: New
Meje
View Replies:
jb1 replied on at Permalink Reply
jb1
Yes you can do so. Just go and edit that content block and go to html mode and search for the <img> tag. After that add a class attribute (ex. class="rounded-image") and then you can use that to add as a rule in the Round Corners add-on (ex. .rounded-image). Does that make sense?

JZ
Meje replied on at Permalink Reply
Meje
Sure does! Thanks :)
Meje replied on at Permalink Reply
Meje
Thought I had this one....obviously doing something wrong! As Its not working. Have I put the class= in the correct spot int he html code?

This is the HTML code

<img class="class-trips" style="float: left; margin: 50px;" title="Primary Class Trip" src="/index.php/download_file/view_inline/35/" alt="primary-class-trip.jpg" width="400" height="300" />


You can see Ive put
class="class-trips"

in after the <img tag


Ive then put
#class-trips img

into the rounded corners block.
jb1 replied on at Permalink Reply
jb1
I see. That should be

.class-trips


change the # to . and remove img.

Hope that helps.

JZ
Meje replied on at Permalink Reply
Meje
Oh so close! I tried .class-tripps but didn't remove ing from the end!

Thanks! Working perfectly!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.