sparkles2.png

Text & Image - Inner Border

 

This effect adds a nice border around a Text & Image blocks text.

 
 
 

See the effect in action

 
Screenshot 2021-07-09 at 10.11.40.png
 
 
 

How to use the Effect

Select the Text & Image block that you wish to apply the effect to, select 'Actions' from the top header of BlockLab and then select 'Custom CSS'. Copy and paste the below code into the pop up, hit save and the effect will be applied.

 

CSS

Block .ti-text {
   padding: 71.7px !important;
   height: 100% !important;
   padding-right: 61.7px !important;
}
Block .ti-text > p {
   text-align: right !important;
   position: relative !important;
   top: -37px !important;
   border: 3px solid
#fe500c !important;
   height: 340px !important;
   border-radius: 10px !important;
   padding-right: 10px !important;
}
Block .ti-text > p > span {
   position: relative !important;
   bottom: -270px !important;
}

(To change the colour of the border, edit the code in Blue)