Thanks @pumpkin this is great, I’ll have a look at this as well as the one from @PeteSharp and see which is best.
How would you make the text clickable so it goes through to another page?
Cheers
Simply select the text you want to make a link and use the link symbol to create it:
You can then use the Interactions section on the right panel to apply the behaviour:
Make sure to enable “New Tab” if you apply an external link, so visitors keep your site open.
2 Likes
Just add another text bric, like when I added the H3 text. Actually if you wrapped all the text in a div, you can have all of it fade up and in together.
1 Like
Hi @PeteSharp, I don’t suppose you could paste the code in here please so I can copy and paste it?
No worries if not I’ll do this, might sink in that way anyway haha
Great tutorial by the way, I’ll have a look at your others on YouTube
Cheers
Kev
Hi Again – Thinking further on this, it would great if your videos will include some really basic diagrams & or verbal explanations that explain ‘bootstrap’ elements, and how they are deployed in BlocsApp!
For example, I see you use DIVs a lot, and it would be great to have a detailed explanation of ‘why/when/how to’ deploy them, and any implications for using this little bric…stuff like that, so that it’s not taken for granted that such ‘bootstrap’ or ‘coding’ terminology is understood by ‘non-coders’, but instead is described (both conceptually & application-wise) when used so that when using ‘code’ the user (me) has full understanding of what should be seen as the result along with any limitations or ‘issues’ that arise in order to be able to recognize when things go sideways and why it does.
Thanks again!
Hi @DanielF, thanks for your thoughts.
The free tutorials are not exhaustive by any means. I do in the hover video, mention why I set the opacity in the page header and not in the class editor, but to go into more depth would either make the videos very long or multiple sessions—which would take a lot more time, and some things are covered in other videos. So the scope of the free tutorials, as I am sure you can appreciate won’t change too much.
Feel free to comment on them and ask questions, my methods are always “the way I would do it” at the time, and I’m always learning.
ah, I was referring to ‘your soon to be released’ paid tutorials! 
1 Like
On the awesome-img class -> Background tab -> Position -> Centre Centre
1 Like
Oh right. Yes already in the plan.
1 Like
Many thanks for the very clear video - very helpful and exactly I was looking for.
I have applied this on multiple blocs on the same page!
Hi @PeteSharp cheers for this, what does yours look like on tablet & Mobile? This is what I get, not sure it’s an easy fix, or whether I’ve done something wrong. Cheers
Hey @Stubbsy there is an amendment video I put up the other day to address that. Really I should have kept to my usual approach 
2 Likes
Thanks for taking the time to put this together.
Question: How can the image act 100% responsively? In other word how can the image be shown in full, but shrinks to size. It appears to be cropping.
Thats the effect of setting the image background size to cover. Its a fantastic style thats very handy for things like this. It will always fill the space without stretching the image.
If you want an image to maintain a fixed width and height ratio, it really doesn’t flow well to mobile screens, they become very small, which is not ideal if you have content overlaying.
Lots of ways to do this. Cover is the easiest. The rest require lots of work per breakpoint. Not impossible when working with a full bloc effect like this.
When doing something like this in a confined space, my original video works well, you can adapt that to cards, Divs Columns. All sorts of things.
Thanks Pete, for getting back to me. 
Thanks @PeteSharp I’ll have a look at this, thanks for your time putting this together mate appreciate it.