Is it possible to have a different angled section separator?

Support
#1

Hi, I’m trying to get the effect of a speech bubble for one of the sections I’m working on and wondered if it’s possible to use the bottom section separator as the angled triangle that’s used as part of a speech bubble? I’ve done a rough mock up to show you. I’ve tried to do it myself, but the angle is all wrong!

Here’s how I’d like it to look:

I’ll put the URL in a secure note as it’s being built on a temporary link.

Thanks!

#2

Hi There @core365

Thanks for writing in! Custom development is fall beyond our scope of the support. However your request is possible through custom CSS rules. Please check the following resource and implement your custom CSS rules accordingly (https://css-tricks.com/working-with-shapes-in-web-design/).

Basically you can assign a unique CSS class into your Cornerstone section (Section -> Customize),

Then you can add your custom CSS rules into your X -> Theme Options -> CSS area or your page’s CSS area.

Hope that helps.

#3

Hi, thanks for the info, but I’m completely confused by it all and don’t know where to start! Would you be able to point me in the right direction please?!!

Thanks!

#4

Hi @core365,

Please set up your Bottom Separator like this:



If that’s not what you need, then you need to make that green rectangle area including the arrow as the section’s background-image.

There are other ways like the one provided by Darshana but they are a bit complicated.

Thanks,

#5

Hi, ok, thanks, it was almost how I wanted it!

Thanks for your help!

#6

You’re most welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.