I had a question on how to mimic the appearance of BestRoofBox.com and create a similar look to how their posts look “raised” off the page.
I built a Custom CSS which will allow you to manage and modify each part of the shadow portion and the spacing from the edges for your text. I did increase the spacing as I felt it made the overall visual appeal better than having text to the edge.
.site-main {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-top: 25px;
}
For those who need help understanding the box shadow above here is how they different values are used. You can tweak these to fit your need and if you want a specific look to the shadow it can get you there.
box-shadow: h-offset v-offset blur spread color;
Once this is added to your Custom CSS Just make sure to save in the upper right hand corner and go back to your posts to check it out!
If you have other ideas please post them in the comments below!
The rating stars in Acabado have no ability to change within the controls. We cover how to use the Custom CSS option to modify and set the color manually.
Covering how you can use Elementor to build a landing page for your website to sell an e-book, info product, or pull a email signup list with giveaway!
When you want to build landing pages people talk about how you need page builders, the thing is though that Gutenberg by itself may be more than good.
Acabado has SEO functionality baked into the theme which can cause issues when you like to use Yoast, Rank Math, or other SEO plugins.