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!
Running Woocommerce on Acabado is a nice way to get you a storefront that runs exceptionally fast to have a storefront like dropshipping or more!
This is a tweak specifically to allow you the ability to make your category and tag pages look much more structured and professional, hopefully you like!
One thing which impacts Acabado non-stop is the poor look of the images on the website, especially the homepage and featured post images.
Acabado has a Hero Image which works well for a desktop view but it is cropped and unusable in mobile view for most, this method allows you to replace the image
Issue for many with the homepage blogroll and sidebar having bold and or italic text is due to the way Acabado pulls in the excerpt to be used.