Fade edges?

cpgearhart · August 2020

Hello, is there a way to fade the edges of the three blue boxes on this home page? I'm using a solid background color and using "column" items. Also is there a way to have the READ MORE buttons "stick" to the bottom of each box so they are in a line?

Beta site: http://90i.32f.myftpupload.com

Pablo · August 2020

Hello,

The equal height of wraps is used to position elements on: top, middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

cpgearhart · August 2020

I want the top and bottom to align haha.....

Any ideas on fading the box edges?

Pablo · August 2020

What do you mean by 'fading box edges', can you explain it greater?

Thanks

cpgearhart · August 2020

Soft edges, feathered edges....the three blue boxes on the home page.

cpgearhart · August 2020

example image

Pablo · August 2020

You have to provide the box-shadow property in the custom css code field inside the column item.

See the docs:

https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

thanks

cpgearhart · August 2020

Cool thank you...

Fade edges?

Comments