Forum Discussion

MichaelOSull894's avatar
MichaelOSull894
Community Member
2 years ago

Full width dividers in Rise

Hi,

The project I am working on requires the section dividers to be grey and full-width.

I changed the settings and saved them, but when I insert a divider at the end of a section and preview it, initially, it is blue. If I select (click) it, it moves to the next section, but when go back, it has changed to grey - and the 'previous' bar at the top of the new section, is also grey.

But no matter what I try, it doesn't display as grey to start with.

I must be missing something or not doing something correctly - any thoughts?

TIA 

  • Hi Michael,

    Are you referring to the Divider block?  You should be able to change the background color but not the Divider line.

    Can you send me a screenshot of these section dividers if you are referring to something else?

  • Hi Thanks for getting back to me.

     

    I have attached the settings for the module.

    The divider when I insert it into the content and how it displays in preview.

    How it looks after I click on it in preview and then go back to the previous module using the back function

     

    • hazelB's avatar
      hazelB
      Staff

      Thanks for sharing the screenshots, Michael! It looks like blue is part of your theme color.

      Please go to Theme>Colors and change the Color to a Custom color and choose the type of Gray that you want for your course.

      Hope this helps you!

       

      • michealosulliva's avatar
        michealosulliva
        Community Member

        Hi,

        Thanks for the suggestions, but the problem is the dividers display
        correctly when they have been clicked (grey and full width) and not the
        first time they are displayed/shown (blue and default) - despite setting
        them to grey and full width - in the Themes section. My client wants them
        to display correctly the first time, They have other developers using Rise
        and creating similar content, and they do not appear to have the same
        problem.
        And I appear to be using the same settings as them, so it must be
        something else - and I can't work out what it should be.

        Regards

        Michael

        Michael O'Sullivan

        Digital Technology Training
        www.digitaltechnologytraining.com
        Cell: 07802866807

        This email and any attachments are intended solely for the addressee and
        may contain confidential, copyrighted and/or privileged information. If
        you have received this message in error, please notify us and delete it.
        Recipients should scan the email and any attachments for their own
        protection.

        This email does not conclude a binding agreement. The views or opinions
        presented in this email do not necessarily represent those of Digital
        Technology Training.

  • Hi,

    Thanks for the info.

    Can you explain how the divider/continue - displays as a blue image, when it first appears, then changes to the correct grey and full width when the uses clicks/selects it and it retains that setting afterwards? I want it to display as grey in the first instance.

    • AngeloCruz's avatar
      AngeloCruz
      Staff

      Hi Michael! I just wanted to clarify that these two are different. The blue one that you are referring to is a block whereas the gray one is the navigation button.

      The Continue block does not change to a navigation button. It actually becomes hidden once its requirement has been met or when a user completes the lesson. When the Continue block disappears, the users will see the navigation button instead when they go back to a previously completed lesson.

      The color of the Continue block or any other blocks in your course is controlled by the theme color and not the color scheme for the navigation button.

  • Hi Angelo,

    I really appreciate you responding so quickly.

    I understand the distinction you are making, and it does help to clarify things.

    In that case, what am I doing wrong?

    When I come to the end of a lesson - I can either insert a 'continue' from the menu at the bottom of the screen, or go to All Blocks, and select Divider, then 'continue' from the options, type in the text I want to appear then exit the lesson and start the next/new one.

    I am obviously missing something as the user clicking the continue bar seems to trigger the grey bar appearing - and I want it to recognise the end of the lesson automatically - causing the grey bar to appear as standard.

    I am sure it is something simple that I am missing; I just can't think what it is.

     

     

  • The continue button disappears when you press it, there is the Navigation at the bottom which shouldn't appear ion you have a continue button, it may help to post some screenshots

  • Hi Phil,

    Thanks for your interest.

     

    If you go back through the thread (I think it's the third post), you will see some attachments. The second (content creation) shows how the 'bar appears on the screen initially, and the third (after being selected) shows how it displays when the user has selected it. But no matter what I do, I can't get it to display as a grey bar initially. 

  • The third image is what Rise calls Next/Previous buttons if you want it to display as that first then remove the continue button, it won't show in editing but will show in preview/publish

  • You are a star.

    I have just tested it, and (of course) it works.

    Very much appreciated.