The spacing on the background for the text in the slides is buggy since the FireFox 32.0 update - see attached. Can you provide a hot fix for this please?
Unfortunately there's no hotfix for this yet - the box shadow method (what Salient uses for that effect) is the most widely used method for multi line padded text which the new firefox apparently can't render anymore: http://css-tricks.com/multi-line-padded-text/
From looking at all the various methods, the box decoration is the only that works on Firefox now, but it fails on other browsers. Hopefully Firefox patches this, or else making the effect work from now on is going to be really dirty
I was able to figure something out temporarily, until FireFox patches it.
Edit Slide (Home Slider) When entering your caption, if you close the span tag at the end of your first line of text, apply your line break, and then re-open the span tag before starting your second line of text, it eliminates the issue.
Just in case that was too confusing, as an example, I've attached a screenshot to show you the hot fix for your home page slide.
Let me know if this works for you. It worked for me.
It took me a while to figure this out but there is support on Mozilla's support site. This can be fixed for good by editing the orbit.css file. Add this to end of #featured article .post-title h2 span
No problem at all. I forgot to mention that the fix I described is only for the HOME Slider. The same code will also address the NECTAR Slider caption as well, but needs to be implemented in the style.css under .swiper-slide .content p.transparent-bg span
Hello,
The spacing on the background for the text in the slides is buggy since the FireFox 32.0 update - see attached. Can you provide a hot fix for this please?
Thanks in advance.
Hey Mark!
Can you provide the page url so we can take a look.
Thanks
ThemeNectar Support Team
That is your own Salient demo site. Second slide.
http://themenectar.com/demo/salient/
Hey Mark,
Unfortunately there's no hotfix for this yet - the box shadow method (what Salient uses for that effect) is the most widely used method for multi line padded text which the new firefox apparently can't render anymore: http://css-tricks.com/multi-line-padded-text/
From looking at all the various methods, the box decoration is the only that works on Firefox now, but it fails on other browsers. Hopefully Firefox patches this, or else making the effect work from now on is going to be really dirty
Hey Nectar,
I was able to figure something out temporarily, until FireFox patches it.
Edit Slide (Home Slider)
When entering your caption, if you close the span tag at the end of your first line of text, apply your line break, and then re-open the span tag before starting your second line of text, it eliminates the issue.
Just in case that was too confusing, as an example, I've attached a screenshot to show you the hot fix for your home page slide.
Let me know if this works for you. It worked for me.
Cheers.
Hey again Mark! Thanks for sharing that for others who come across this for the time being :)
Nice one Mark, that really helped!
Happy to share! =) It was bothering me so much!
It took me a while to figure this out but there is support on Mozilla's support site. This can be fixed for good by editing the orbit.css file. Add this to end of #featured article .post-title h2 span
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
Hey Robert,
Thanks so much for posting the fix! This will be implmemented in the next release :)
Cheers
No problem at all. I forgot to mention that the fix I described is only for the HOME Slider. The same code will also address the NECTAR Slider caption as well, but needs to be implemented in the style.css under .swiper-slide .content p.transparent-bg span
Cheers!
Indeed, thanks again!
Cheers