Source Theme Image Round Corner!

Themes
1

Hey all,
have a question:
How can i make a round corner on all images in Source Theme?

Big thanks!
Best, dake

1 Like
2

Depends, if all images anywhere then I assume this works:

<script>
img {
border-radius: 90px;
}
</script>

Then adapt pixels as needed to achieve the roundness wanted.

1 Like
3

Hey,
thanks! :grinning:

Do i need add this in Head code injection?
Because when i add it i can’t see any changes.

Thanks.
Best, Dake

1 Like
4

There’s an error in this

There’s an error here. It should be <style> not script… (and the same for the closing tag.)

1 Like
5

That’s what I get for typing fast on a phone.

2 Likes
6

:grinning:
Hey, Big Thanks!
Its works. :grin:
By the way: do you known how i can add a border for the tags under the image in source theme?
like in this theme:

And it is possible to remove: Powered by Ghost, Floted Subscribe Button on the bottom right corner?

Thanks
Best, dake

1 Like
7

Do you mean like the huge “Business” tag header?

Subscribe you just turn off in portal settings I swore.

Powered by ghost is just display:none

<style>
  .gh-footer-copyright{display:none;}
</style>
1 Like
8

Hey, thanks!
I mean the tag under each post image like “lifestyle” “fashion” “Idea” this have a border in pill style.

1 Like
9

I’m gonna bump this question from Dake. :slightly_smiling_face: Be nice to know too.

10

Like he has now? If So then should only need

<style>
.post .entry-category a {
    font-weight: 500;
    position: relative;
    font-size: 12px;
    letter-spacing: 0.01em;
    margin-right: 5px;
    text-decoration: none;
    font-family: var(--heading-font);
    padding: 0px 15px;
    border-radius: 30px;
    text-transform: uppercase;
}

.entry-category > a:hover {
    background: var(--theme-color) !important;
    color: var(--color-white);
}
</style>
1 Like