If using Hestia Pro below are some customisations that you can do to the CSS to further develop the theme to your liking. All customisations should be done in the Customise > Additional CSS section to ensure that changes are retained during theme upgrades.
Change colour of the Footer
The code below changes the colour of the footer to a solid blue colour, to change to another colour, replace #2378c6 with any hex value you wish.
.footer-black { background: #2378c6; /* FF3.6+ */ background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#2378c6),color-stop(100%,#2378c6)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center,ellipse cover,#2378c6 0%,#232323 100%); /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: -webkit-radial-gradient(center ellipse,#2378c6 0%,#232323 100%); background: radial-gradient(ellipse at center,#2378c6 0%,#2378c6 100%); /* W3C */ background-size: 550% 450%; }
Remove transparency overlay on slider image
The code below takes away the transparent overlay on the main front-page slider
.header-filter::before { background-color: rgba(0, 0, 0, 0) !important; }
Remove blog author credit and sub-heading
The code belkow removes the sub-heading on blog pages (i.e. written by NAME, published on DATE)
h4.author{ display: none; }
Remove transparency from front page sections
Most sections allow a background image on the front page for Hestia Pro. When displaying the background image the structure of the CSS adds a transparency overlay on every image. If you prefer to have fuller control over each section use the code below to remove the transparent overlay.
.section-image:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); content: ""; }
Vishal
Hi,
Thanks for compiling these. Any idea how to remove the featured image from displaying in the POSTS (not Pages)? Have been trying a lot but no success.
Thanks.
Vishal