• Resolved garyblackmer

    (@garyblackmer)


    I am building a page and the header image is grayed out a little. I’d like an untouched image on the page. I’ve tried various CSS customization but they seem to be for other themes. Nothing changes when I fiddle with rgba or opacity commands.

    Please help me add custom CSS, or edits, to display the image without the faded look.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Hello garyblackmer,

    Please provide the site url so i can help you with the appropriate css.

    Kind regards,

    Manoj

    Thread Starter garyblackmer

    (@garyblackmer)

    I have the site set in maintenance mode at scottlearn.com. I’m reluctant to turn off that mode until the candidate announces for office, when we hope to have the site finished. I suspect that presents a problem and I’m not sure how to solve it.

    I am using the standard Tannistha template and have made no css changes to it, if that helps.
    Gary

    Hello, I have the same problem with this theme. How can I change the opacity of the header image? My website is http://www.eigenheidintalent.nl

    Thanks in advance for your help!
    Khaloo

    Hi there. I have the same request. i’d like to have the greyness removed and have the full colour of the header image visible. Website is http://www.safriendsandfamily.co.za

    Can I get some help to change this if possible?

    Thank you in advance
    Regards

    Theme Author Dualcube

    (@dualcube)

    Hello all,
    Really Sorry for the delayed response.
    The greyness of the header image of the theme is a default feature. But it can be removed by a simple CSS code.

    .home-banner::after {
       background: rgba(0, 0, 0, 0) none repeat scroll 0 0;;
    }

    The above code will completely remove the grey shade of the image.

    If you want to increase or decrease the greyness use the code below. Change the value 0.4 to your desired value between 0 to 1. 0 for least greyness 1 for max greyness.

    .home-banner::after {
       background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    }

    The css Codes can be inserted in:
    Appearence->Customize->Additional Css-> Insert The code in the text box-> Save

    For further assistance feel free to reach out to us

    Theme Author Dualcube

    (@dualcube)

    @khaloo @garyblackmer @animellarex
    Hope the above answer solves your request. We will add a setting in the customizer that will control the greyness of the header image in the next update of the theme. In case you need any other help from us feel free to contact us.
    You can find the documentation of the theme here Tanistha Documentation

    Great job. Thank you very much for your kind reply.

    Once again thank you for your help. Could you please let me know how I can reduce the distance between the head picture and the static content of the page. The website is : https://eigenheidintalent.nl/

    thank in advance for your help.

    Regards,

    Theme Author Dualcube

    (@dualcube)

    Hi @khaloo,
    To reduce the distance between the header picture and the static content of the page, add the CSS in the Additional CSS section of the Customizer

    .home-posts {
      padding: 10px 0 0 0;
    }

    In the above code decrease or increase the value 10 to your desired value to reduce or increase the space. We hope this will solve the problem you mentioned.

    If you loved our theme and are satisfied with the support, a 5/5 classification here – https://wordpress.org/support/theme/tannistha/reviews/#new-post, would definitely be a great way to share your experience with other users.

    This would motivate our team to more and more help and support you guys to run your website without much technical hassle.

    Hopefully you are with us 🙂 and feel free to contact us for further assistance. Happy to help!!

    Great help thanks you very much. The problem is solved. It would be nice if this feature is already embedded in this theme.

    Theme Author Dualcube

    (@dualcube)

    Hello all,
    As suggested by @khaloo, we’ll take a deeper look and implement the grayness control of the header image feature in our very next update.

    As of now, since a solution was reached to the opened topic, we are marking this as resolved.
    For further assistance, feel free to reach out to us. We’ll try and get back to you as soon as we can!

    Thanks!

    HEY GUESS WHAT THIS PROBLEM IS NOT “RESOLVED” BECAUSE THE EXACT SAME THING HAPPENS TO THE HEADER IMAGE IN THE ‘SINGLE BLOG SECTION’

    CAN YOU PLEASE FOR THE LOVE OF GOD POST THE SOLUTION TO THIS IDIOTIC POINTLESS STUPID RIDICULOUS UTTERLY INFURIATING AND WASTE-OF-MY-TIME PROBLEM?????????????????????????

    WHAT IS THE CSS CODE TO FIX THIS PROBLEM ON THE BLOG PAGES?????????????????????

    AND WHILE WE’RE AT IT THANKS FOR WASTING HOURS OF MY TIME WHILE I TRIED TO FIGURE OUT WHY IN THE HELL MY IMAGE WAS GREY FOR NO LOGICAL REASON IN THE UNIVERSE.

    SO UTTERLY STUPID THERE ARE NO WORDS.

    AND YES, I’M SCREAMING AT YOU AS LOUD AS I POSSIBLY CAN.

    Theme Author Dualcube

    (@dualcube)

    Hi @lilyburntravel,
    We understand your frustration! Just to clear our stand as to why this problem was marked resolved, we can say, if you read the opening ticket, it was mentioned as ” I’d like an untouched image on the PAGE” and hence the solution we posted, was applicable for all pages and not individual posts.
    If you would have posted your problem before we came up with a solution, we would have definitely answered your query before marking it as resolved!
    But since, we can see, you’ve opened a separate topic for the issue, we’ll post a proper working solution for the same as a reply to your problem! 🙂

    Thanks!
    Debleena – Team Tannistha.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Tannistha opacity of header image’ is closed to new replies.