Content area modal - demo button settings

Hi - quick question - are the settings (Cornerstone) available somewhere to construct the Content Area Modal button I see in the demo - the one with the “More” text and the circle that has a green background and a “check” icon when hovered over? I’m spending a lot of time trying to create something similar (with little success so far…).

My best effort so far gets me the text squeezed into the circle with the icon…

Thanks!

Hello Richard,

Thanks for writing in! Are you referring to this demo, https://demo.theme.co/elements/#content-area-modal? This is the content area modal with graphic and text setup enabled. The graphic uses an icon with a transparent base and green interactive color which is why the check icon is only visible when you hover over the toggle button. You can check more about the content area modal element here: https://theme.co/docs/content-area-modal

We would love to know if this has worked for you. Thank you.

Hi - thanks for the response. I think I basically got it. See the /home-test page on the site. Now my (off-topic) question is: how can I get that content area modal “button” all the way over to the left side of the canvas/section? i can’t seem to configure it (section/row/column/element) without an indent from the side of the page. Update: I found the “site width” control in Layout and Design. Interesting issue - guess I can’t override it for this specific section… I’m looking for a technique to get that “side tab” effect.

Thanks!

Hi Richard,

You should disable your row container where you added your global block element, please check this screenshot

image
image

If it’s already turned off, then you should at least change the Width to auto, and Max Width to none.

Then on the same row setting area, please change the margin to zero, it’s currently set to 50, 0, 50, 0.039. Once that’s change, it should appear like this

image

Hope this helps.

1 Like

Thanks so much - that did the trick!

Glad that we could be of help.

Cheers!

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