how to change the opacity in a photo from home page of a template

  • likethecreativelife · Member ·

    Hello,

    I´m using this theme Crafter http://demo.quemalabs.com/crafter/
    but as you see the first section (big photo) which is the Welcome section is very dark, I updated the photo I wanted for my website but it looks very dark, I tryed everything to change it but so far I can’t do it. I’d like to update the photo in the welcome section and see the normal light of my photo.

    I’ll really appreciatte your help!

    The blog I need help with is: (visible only to logged in users)

  • siobhyb · Member ·

    Hi Anabel,

    We don’t have a theme named “Crafter” in the WordPress.com repository. Is your site perhaps hosted outside of WordPress.com and running on the free software available over at WordPress.org?

    The difference between the two types of WordPress (WordPress.com and WordPress.org) is a common and understandable point of confusion. If you’re unsure of the differences, then this guide gives a good overview:

    WordPress.com vs. WordPress.org

    As your site is hosted elsewhere, the best place to get help with customising your theme is through your theme’s support centre here:

    https://quemalabs.ticksy.com/

    I did take a brief look at the demo site you linked to, and found that you could change the opacity of the featured image with the following custom CSS:

    .welcome-section::before {
    opacity: 0.2;
}

    You can change the value of opacity to any value between 0 and 1 (0.3, 04, etc) to experiment further with the shadow overlaying the image.

    The theme may have a built-in setting that negates the need for custom CSS, however. I’d therefore encourage you to contact their support team directly with this and any further questions.

    Thanks!

  • The topic ‘how to change the opacity in a photo from home page of a template’ is closed to new replies.