- This topic has 9 replies, 2 voices, and was last updated 5 years, 10 months ago by
.
-
Posts
-
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;
}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!!
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.
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!!
Hello, the url is http://travelclub.com.qa/
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 :
Hope to hear from you soon,
Regards!
Thank you for the revert, we have removed the site from under maintenance and can be viewed now. Please advise.
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 :
Hope this helps,
Regards!!
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!!
- You must be logged in to reply to this topic.
