Forum Discussion

DanEccleston-c1's avatar
DanEccleston-c1
Community Member
18 days ago

Teenie Weenie Annoying Line Between Blocks

Hi Guys, 

I am hoping someone here has cracked this, I have done some searching on the community and found a post from 7 years ago, but the potential fix there did not work ! 

I am trying to make more bespoke, seamless Rise packages, almost like a vertical scrolling story I guess! Everything is working smoothly BUT I have a little issue whereby a little annoying line is appearing under my image blocks (images at full width), the post I did find mentioned that this is something to do with the caption (I have not put a caption in) .

This issue does not seem to show whilst previewing on my laptop BUT if I view it on my iPhone / iPad, it is there for all ugly and horrible. Weirdly the line is BLUE, I have no idea where it is pulling this colour from either! 

Does anyone have a fix for this? I really don't want to have to pay for ANOTHER subscription in MIGHTY, which will fix the issue instantly. 

For reference here is my review link , if you do check this post - view it 'normally' then view it in Mobile / Tablet view and you will see what I mean! 

Scrolling Custom Rise Example | Review 360 (articulate.com)

Here is a screenshot of the issue too 😀!

See that horrible line in the sky and under the dude?!

If anyone can help me I will owe you forever and ever! 

Cheers my guys! 

 

advice
e-learning development
instructional design

1 Reply

  • elizabeth's avatar
    elizabeth
    Partner
    13 days ago

    Couple of thoughts: 

    • It looks like the line under the guy is blue - any chance you have a block background color set for this block? If so, remove that.
    • Does this happen in preview or also when you publish it? Sometimes those lines appear in preview mode but not in the published output.
    • You could also try cropping off just a smidge of the images and double checking that all of your padding is set to 0 at top and bottom! It looks like it is given how small those lines are
    • Are your images different types (svg vs. png vs. jpg)? 
    • For the full width image decorative blocks, I like to use the labeled graphic block with no markers on it. It gives you a little more control over the cropping of the image and it won't scale strangely on different devices