Dark Color on Front Page Featured Image of Large Highlight Post

  • The featured image for the highlight post has a dark color. I was given the code to remove it on the banner on the front page, but I would like to remove it on this image as well. Here is the code for the banner.

    .frontpage-banner .banner::before {
    opacity: 0;
    }

    Any help would be appreciated. Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @orrnd99.

    Thank you for contacting us.

    I’d gladly provide CSS for that as well, but I need to know what image is “this image”.

    Could you please provide URL to that page?

    Kind regards.

    Thread Starter orrnd99

    (@orrnd99)

    https://sportsmomtribe.com/

    Thank You!

    This CSS applies to that image:

    .frontpage-featured .banner::before {
	opacity: 0.30;
}

    However, if you set opacity to 0, then the text and Read More button will be hardly visible in case of your current photo.

    This CSS controls the colour of those two elements:

    .box-caption p, .box-caption h2, .box-caption a {
	color: #000;
}
.box-caption--readmore .btn-primary {
	border: 2px solid #000;
}

    I’ve set it too black (#000). you can play with it if you need it.

    If you have more questions about this, feel free to ask.

    Kind regards.

    Thread Starter orrnd99

    (@orrnd99)

    That worked great. Thank you very much!

    Glad to hear that it did, @orrnd99. ??

    Could I just ask you two things?

    Please mark this thread as “Resolved” and if you’re happy with the theme and your website, please take a few minutes of your time to write us a review here – https://www.ads-software.com/support/theme/elara/reviews/

    We would appreciate it.

    Have a nice day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Dark Color on Front Page Featured Image of Large Highlight Post’ is closed to new replies.