Home Forums Free Themes Travel Gem How to remove the overlay from the hero Image

This topic contains 9 replies, has 2 voices, and was last updated by  wensolutions 7 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #89118

    Travelclub
    Participant

    How to remove the overlay from the hero Image, tried using the below commands but both of them it did not work:

    #custom-header::after {
    background: none;
    }

    and

    #masthead #custom-header::after {
    background: none;
    }

    #89166

    wensolutions
    Keymaster

    Hello,

    The first code that you used should have worked perfectly. Please try using the code below. The only change here is that we have given important to the background none property.

    #custom-header::after {
    background: none !important;
    }

    If the issue still persist, kindly let us know,

    Best Regards!!

    #89168

    Travelclub
    Participant

    Thank you for the quick response, however, this still not work.

    I am putting the command in the additional CSS section, hope that is right.

    Appearance — Customize — Additional CSS

    Also, there is a delay of about 5.2 Sec in the display of the hero image as compared to the remaining page.

    TIA.

    #89249

    wensolutions
    Keymaster

    Hello @travelclub

    We tested the issue that you have reported in our site and the above-given code seems to work very well. Can you please provide us with your site URL so that we can inspect the issue further?

    Regarding your query about the delay to display the hero image, please once check if the image that you are using is of larger size then the image used in other sections. If the images sizes are nearly similar, kindly report us. We will inspect your site for this issue as well.

    Hoping for your co-operation,

    Regards!!

    #89286

    Travelclub
    Participant

    Hello, the url is http://travelclub.com.qa/

    #89406

    wensolutions
    Keymaster

    Hello,

    The site URL which you have provided seems to be under maintenance and hence we are unable to view your site.

    As much as we would love to help you, kindly provide us with the login credentials of your site so that we can provide you with a clear fix. Please provide your credentials in the address given below :

    wensolution@gmail.com

    Hope to hear from you soon,

    Regards!

    #89432

    Travelclub
    Participant

    Thank you for the revert, we have removed the site from under maintenance and can be viewed now. Please advise.

    #89449

    wensolutions
    Keymaster

    Hello,

    We pasted the same CSS in your site URL and inspected the issue. With the same CSS, the changes that you want is working perfectly fine. Please refer to the screen record below :

    https://www.useloom.com/share/69741fa2aa4443c4b07d5029d3b9b121

    Please be sure to publish (Top Right button) the changes after you have placed the code in the Additional CSS box. You can get to Additional CSS block from, Admin Panel > Appearance > Customize > Additional CSS

    Please once verify the issue after publishing the CSS again. If the issue still persists, Kindly provide us with the login credentials of your site so that we can work on the problem that you are facing. Provide the credentials in the address given below :

    wensolution@gmail.com

    Hope this helps,

    Regards!!

    #90521

    Travelclub
    Participant

    Thanks for helping out. This is resolved.

    #90525

    wensolutions
    Keymaster

    Hello @travelclub,

    Glad we could help.

    Let us know if you have any issues further.

    Also, we would really appreciate if you could help us by rating our theme by following the link below:

    https://wordpress.org/support/theme/travel-gem/reviews

    Best Regards!!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.