How to use code block to insert a floating image

Hello! 

I am wondering how I can insert a small floating image, like the circle quote shown in the screen shot below? I would love to use this on sites in the future and would love to learn how to achieve it! 

Thank you in advance for any help!

There has some ways to do that.

1. Insert image tag to Footer  Code Injection

<img src="enter image url here" alt="circle image" class="fixed-img"/>

then insert this code to Home > Design > Custom CSS

.fixed-img {
	position: fixed;
	top: 50%;
	right: 20px;
	z-index: 999;
}

2. Insert Image Block, then use CSS

.i-dont-remember-image-class-name {
	position: fixed;
	top: 50%;
	right: 50px;
	z-index: 999;
}

@tuanphanhow would I be able to make this image as an active link? I want to link to my contact page 🙂

On 11/7/2020 at 2:18 AM, HannahZoe said:

@tuanphanhow would I be able to make this image as an active link? I want to link to my contact page 🙂

Try edit this

<img src="enter image url here" alt="circle image" class="fixed-img"/>

to this

<a href="/contact" class="fixed-img"><img src="enter image url here" alt="circle image"/></a>