Hallo Team,

I will use the same circle as the Moments Sample Website.
The module on above-left module position use the same classes and the option Logo circle at the template is on.
Any Idea how can I set this circle on the butterfly?

Many thanks in advance.

Have a link for the site?

Thanks
Paul

Of course
www.yoga-retreats.in/

Hi

I'm not sure how this will work for you but the styles for the circle are

.circle {
background: rgba(255,255,255,0);
border-radius: 100%;
cursor: pointer;
margin-left: -52px;
margin-top: -105px;
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.circle:before,
.circle:after {
border-radius: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
box-shadow: inset 1.5em 0 0 rgba(166,173,60,0.2), inset 0 1.5em 0 rgba(166,173,60,0.2), inset -1.5em 0 0 rgba(166,173,60,0.2), inset 0 -1.5em 0 rgba(166,173,60,0.2);
-webkit-transition: box-shadow 0.25s;
-moz-transition: box-shadow 0.25s;
-ms-transition: box-shadow 0.25s;
transition: box-shadow 0.25s;
}
.circle:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
li:hover .circle:before,
li:hover .circle:after {
box-shadow: inset 0.3em 0 0 rgba(204,152,42,0.5), inset 0 0.3em 0 rgba(204,152,42,0.5), inset -0.3em 0 0 rgba(204,152,42,0.5), inset 0 -0.3em 0 rgba(204,152,42,0.5);
}

Its a bit too complicated to go through this via a forum/ticket thread especially as I'm not sure myself how it will work out

I'm play with the styling above and see how it goes - using different divs of course

Cheers
Paul

we don´t talk about the same circle.
I mean the circle border around the picture on the module position above-felt. In the sample moments website, the face of the girl Foto.

Reggards
Ricardo

Right you need to add the same classes to the image

border img-circle

I'm noticing you are using inline styling on that image - if anything looks odd I would suggest removing those

Cheers
Paul

For example the demo is

<img class="border img-circle" src="/moments23614/images/democontent/avatar/avatar.jpg" alt="">

You would want to add the alt tag info in your example

ok, just use the image with the classes border and img-circle solve the problem

Many Thanks!
Ricardo

You're welcome

Cheers
Paul