Forum Discussion
Feint line under cover image
Hi
I have just come across a problem with the cover image in the Apex theme in Rise360 that I haven't seen before.
My cover image has a feint grey line under the image (see attached) that I don't seem able to remove. I have tried different screens and added _NOPROCESS_ to the file name, but nothing is working. It happens with all images in that orientation in that theme.
Has anyone else come across this and know how to fix it?
Thanks in advance.
Hi Renae,
Thanks so much for reaching out! Sorry to hear you've run into this.
Do you experience this same behavior if you insert a Content Library 360 image as a Cover Image?
Looking forward to hearing from you!
- KellyDaviesCommunity Member
I'm also experiencing the exact same problem, It seems to happen with shorter course titles. And goes away with longer course titles. But I don't remember this happening in the past?
Hi Kelly,
Sorry to hear that you ran into this issue. Would you mind sharing a copy of the image file that you're using for your cover so we can test the behavior? Alternatively, you can reach out to our support team by opening a case here and we'll be glad to take a look at your Rise 360 course in its entirety to see if have any fixes available that we can share.
- RenaeFlegg-7602Community Member
Hi Luciana
I just tested that, and yes, it does still appear when I use Content Library images.
Cheers - KellyDaviesCommunity Member
Hello, I'm also experiencing the exact same problem.
- RenaeFlegg-7602Community Member
This is the image I am using which is an iStock photo.
I tested increasing the title of my course Kelly, and that didn't remove the line in this case.
I have produced a lot of courses using the Apex theme, and like you, did not experience this problem before. Hi Renae and Kelly,
Sorry for the trouble with the unwanted line. I appreciate you sharing the screenshot and the image! The good news is that I do not see that issue in my tests using the latest version of Google Chrome.
If you're already using the latest version of a supported browser, please try clearing your browser cache and see if it helps. If the issue persists, could I have you connect with us in a case so we can determine what's happening? We'll reach out soon after we hear from you.
- RenaeFlegg-7602Community Member
I am using Chrome, and clearing my cache hasn't resolved the issue.
I will submit a case. Thanks
- PhilFossCommunity Member
Shoo shoo feint line! I show you how to replicate and fix this issue of Rise in Five with Phil.
Here's the code to fix below, you could create a Theme Component to add to your course until a fix is deployed. I'll be keeping an eye on the codebase, start your timers.
.organic .cover--layout-left .cover__header-content::after, .organic .cover--layout-left-overlay .cover__header-content::after { bottom:-1px;}
- RenaeFlegg-7602Community Member
Thanks so much, Phil. Adding bottom at -1px worked a treat. But as soon as I navigate away from the home page, it reappears.
Thanks for picking up my spelling mistake ;) Feint is a word, but not the meaning I meant!
And controversial... I love the Apex theme :) I also use the Rise theme a lot too. The one I have never warmed to is Horizon.
Thanks again for the very helpful video.
- PhilFossCommunity Member
Renae, apologies I totally thought that was a regional spelling like color/colour, we have such a diverse community here. This is a recent video where I show how to add a Theme Component (css file) to your exported SCORM package. https://www.youtube.com/watch?v=MbLjv4mkuA8
It is for a different css issue but the steps are the same. Let me know if those instructions work for you, otherwise I'll do a recording with this specific example.