Hey guys,
I would love to use a design like this one on the Softr homepage. Is that built using a Softr building block?
Thanks so much in advance!
Hey guys,
I would love to use a design like this one on the Softr homepage. Is that built using a Softr building block?
Thanks so much in advance!
Hi @Tim_ClimatEU Feature grid with small icons block is used and the following custom codes. Please, replace feature grid1 with the respective block name and adjust the styling as you wish.
<style>
.partners-logos {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
gap: 16px;
width: fit-content;
margin: auto;
margin-bottom: 64px;
}
#feature-grid1 .container>div:last-child {
justify-content: center;
}
#feature-grid1 .container>div:last-child>div>div {
padding: 20px;
background: #FCFCFC;
border: 1px solid #F0F0F0;
border-radius: 8px;
align-items: center;
width: 266px;
}
#feature-grid1 .container>div:last-child>div>div>img {
background: #FFFFFF;
border: 1px solid #F0F0F0;
border-radius: 8px;
}
#feature-grid1 .container>div:last-child>div>div a {
text-decoration: none;
}
#feature-grid1 .container>div:last-child>div>div p{
margin-bottom: 0;
}
#feature-grid1 .container>div:last-child>div>div:hover {
background: #FAFAFA;
box-shadow: 0px 4px 12px -2px #1018280F;
cursor: pointer;
}
</style>
and this one for hrefs
<script>
window.addEventListener(âblock-loaded-feature-grid2â, () => {
document.querySelector(â#feature-grid2 .MuiGrid-containerâ).children[0].addEventListener(âclickâ, ()=>{window.location.href = âhttps://www.softr.io/data-sources/airtableâ});
document.querySelector(â#feature-grid2 .MuiGrid-containerâ).children[1].addEventListener(âclickâ, ()=>{window.location.href = âhttps://www.softr.io/data-sources/hubspotâ});
document.querySelector(â#feature-grid2 .MuiGrid-containerâ).children[2].addEventListener(âclickâ, ()=>{window.location.href = âhttps://www.softr.io/data-sources/google-sheetsâ});
document.querySelector(â#feature-grid2 .MuiGrid-containerâ).children[3].addEventListener(âclickâ, ()=>{window.location.href = âhttps://www.softr.io/data-sources/smartsuiteâ});
});
</script>
Thank you so much, Maria!!