Hi! So someone else developed our website using Tower, but then didn’t deliver it to us correclty. I’m recreating the site myself and I just purchased another license (I couldn’t get ahold of the person who originally bought it) just so I could have some support for you. I’m pretty close.
First off…does the forum search work? It doesn’t work for me. I’m happy to look things up but if the search is down then I’ll have to create new topics.
On nearly all of our pages we use a background header image. The designer did all of her work only on firefox (she’s a college student and it was her first time using wordpress.) The images look GREAT on firefox as they have a white overlay making the text legible. On Safari and Chrome, however, that white overlay is missing and I can’t seem to change anything to get it to work. This is the biggest problem I am still facing to getting our site live. What can I do about that? I would upload pictures if I could do show. Right now the site isn’t displaying to the public so links wouldn’t help.
The page header settings (image/ color overlay / page title font color..etc) do not have any issue displaying the same in all, Firefox, Safari and Chrome.
What theme version do you have? Please make sure to have the latest one first (vs 1.8.1 ). Please open inspect element from chrome, for us. Do you see any notice/error in console?
For the screenshots, you can upload them online and send us the link. You could use Postimage.org or Share.Photo.
However the best would be for us to be able to check it out ourselves. If the site is in an online server, please send us some login data in a private reply, so we cna give it a closer look.
Don’t worry your data is safe with us!
The one not displaying is the CTA element from visual composer, which we have removed. The theme uses our custom CTA element which is the one displaying on your site.
If you want the first one, then you should make some modifications.
Edit the file ‘tower/include/core/codeless_elements.php’
1-Page Header:
I opened your site in Firefox (screenshot) / Chrome (screenshot) but the page header is displaying the same in both. What versions of these browsers do you have? Do you have any add-ons installed?
As for the Safari, i added this code into your custom css box:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome,.header_page.centered {
opacity: 0.25 !important;
}
}
2-Mobile titles:
I fixed it by adding this code into your custom css box:
Please clear cache in your Safari browser. We have checked it, it’s ok.
As for the Services page, i see you have set the background of page header to transparent. I set the overlay to it and it is displaying ok as well.
Let us know.
Sorry for the late reply.
I can’t tell that for sure, but i can say that in all our tests, the overlay displays very well. Please see here an attachment of “News/Education” header viewed in Samsung S6, screenshot.
It could be the internet connection of your net or configuration.
So we’ve been struggling with this the entire time we’ve had this theme installed. On Chrome and Safari the white overlay does not appear in front of our top images.
This was taken again after the theme update, after the code you just added, after my cache was cleared. (as in after your last reply) To clarify one more time, this does NOT happen on firefox. It works 100% correct on firefox. It works 0% correct on chrome and safari. I know you have said that you have seen it work correctly on your end but that doesn’t help me or all the people I’ve had go to the site that see it incorrectly and can not read our titles.
I did just check out the display on safari for mobile. I see a white overlay now, though it appears to be in front of the text, not behind it, so it washes it out and it still is illegible.
I have tried disabling some plug-ins as well but most of them come with the theme and I don’t know what they do.
I’m dying for this to work properly as this has been the focus of many hours of work here and we can’t launch the website with this taking place.
I appreciate your time and diligence in this matter but I’m quite helpless. Is there a consistent way I can work around this? I’m open to your ideas if you can’t find a fix.
Off the top of my head, is there way to turn off the overlay all together? I could add a white overlay to these images in photoshop or something, but if I did that now Firefox would wash it out even more.
