Special Bric Needed

Can this be fully implemented in Blocs 3?

effect

Hello @KBConcepts

Is this what you need?

https://blocs.webtekpc.pt/kbconcepts3/

2 Likes

You, my friend, always make things look so easy. Yes, did you do that completely in Blocs 3?

Sorry didn’t see your reply.

I don’t know what you mean by “completely in Blocs3” but there is how I create it:

  1. Bloc → Bric (DIV) → Bric (HTML)
<figure class="imghvr-shutter-in-vert">
    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/example-image.jpg">
    <figcaption>
        <p style="text-align: center;">LOCAL SEO REVIEWS</p>
		<p style="text-align: center;">_________&nbsp;</p>
		<p style="text-align: center;">&nbsp;</p>
		<p style="text-align: center;">&nbsp;</p>
		<p style="text-align: center;">+ READ MORE</p>
	</figcaption>
    <a href="https://forum.blocsapp.com/t/special-bric-needed/6767"></a>
</figure>

Figure Classe = Animation Type
Img Src= Link to the image that you want
Inside <figcaption> </figcaption> = Code For the Text
a href= link to a url.

Then in the page settings, you have to add the following file:
imagehover.css.zip (3.5 KB)
The CSS of course.

1 Like

@pealco will make wordpress obsolete if he keeps going great job! Now we just need a brics expert that can convert these into simple brics!

1 Like

I’m trying to learn… almost everything that I create I can put it in a bric, only working now to interact with code. @webplus is helping me…

1 Like

Thank @Pealco I saw that code in source, but wasn’t sure I knew some of it.
“Completely” mean without adding special code.

@KBConcepts not without code, I can transform it in a Bric so there is “no” code… LOL

1 Like