Featured image overlay

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #90821
    muzycznemiasto
    Participant

    Hello,
    How can I change overlay color and position on featured images in front page?

    Currently overlay is transparent black and appears on whole image.

    I want overalay appears only at the bottom of image, to title be more readable.

    Thank’s or Your great theme!

    #90825

    Hi muzycznemiasto,

    Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

    .post-block .post-img-wrap a:after {
    	display: none;
    }
    .post-block .entry-header:before {
    	content: "";
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    	z-index: 0;
    }
    .post-block .entry-title {
    	position: relative;
    	z-index: 1
    }

    Thanks

    #90840
    muzycznemiasto
    Participant

    Thank You!

    #90953

    Welcome anytime @muzycznemiasto

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.