Forum Discussion
Line divider color in custom theme
Hi,
I am using a custom (corporate branded) color for the theme of my Rise. But regardless of what custom color I choose, when I insert the basic line divider it is in light gray, so it barely shows up onscreen. This does not happen when I use one of the default colors. Is this intentional and is there a way around it?
Thanks in advance for your reply!
11 Replies
I realized its not a custom color issue, but a settings issue. The line, I suppose is always light gray, but if you change the padding to 0 and then select the hex color, you get a colored line.
Smart workaround, Gordon! 🌟 Thanks for sharing how you made it work.
Hey Samantha! Thanks for adding your voice. I tried Gordon's workaround, and this is what I got:
That's with no top or bottom padding, and a hex selection for the "background" of the divider block. Can you share a screenshot of what you're seeing, and let me know what you'd like to happen?
Happy to put our heads together to find a solution for you!
Hi Samantha,
The built-in divider line is set to a grey, and doesn't have an option to change the color. If you wanted to add in a numbered divider instead that will pick up a color from what you set in your theme colors.
I'll be happy to let my team know you're looking for an option to change the divider line coloring!
Hi
I think the line divider is a great idea and I have no problems with changing the colour to a custom colour to suit my purposes.
However, I do have an issue that it's super skinny (as in the example above) and it doesn't stand out no matter what colour I make it. Changing either the top or bottom padding to 10px is too big. Are you looking at adding a divider/spacer that would be 5px in height?
And I agree with Samantha - I would like to see an option that doesn't extend the entire width of the page.
Thanks for those ideas, Michelle! We're always keen to hear more about what customers want to see in Rise. 😁
Can you use an image as a divider rather than a line? I have a custom line image with a little bend in it that I would like to use as a divider.
That would be a nice capability -- to use a custom image line as a divider.
Hi Matthew and Karin!
Have you tried inserting that line image into a full-width image block? It should work nicely as a divider!
Try it out, and let me know how it goes.
Hey All,
Just a random thought, is it possible to do an image in this divider?
I have a customer that has a logo that is three colours (small solid colour bars) that I would love to use rather than a solid colour bar, I have tried insetting as an image but it seems too big.
Hi Benjamin,
You can use an image but there are some issues to be aware of.
A Divider block runs the entire width, so I used an Image full width block, but it scales up the narrow image I was using, making it higher and it looked horrible.
I switched to Image Centered and while that retained the size of the image, but it did not run the entire width, so not perfect.
