Adding a Button in Text

This should be simple, but it isnt. Please help.

I have a Column with a background Image, the bottom of the image needs to have a 40% white overlay, with Text and a Button on top. But…there doesnt seem to be an Element that can hold other Elements. So, what I wind up with is the Text Element with the 40% white bkg, and then a button underneath the Text Element…but there is no way to give this a 40% white Background.

See the image below

How do I add the button over the 40% white bkg?

Hello @Riceman,

Thanks for asking. :slight_smile:

You need to use CSS position and Z-index property to align button over text. I can give you the exact CSS but for that would you mind sharing website URL?

Thanks.

Thanks! I would actually like the white area to extend down below the button. Is that possible? I can figure out the CSS I need to approach it that way. I was hoping there was an Element that functioned something like the Row Element in the WPBakery Page Builder. WPBakery Page builder allows you to put a Row “within” a Row or Column.

So in building the callout above, I would have the Column with the Bkg Image of the boy, and then add two rows. The bottom row would have the 40% bkg white. Then I would add the Text and Button Element to that bottom row. Effectively having them “over” the 40% white. Is this possible with your Page Builder, am I missing something simple?

Hi there,

Row inside a row is currently not supported in Cornerstone. If you want this kind of customization, this would involve some custom CSS code.

What you can try doing it set the baby image as the background of the column then place a gap element then a text element and a button element.

Hope this helps.

Thanks, yes, that is what I did and it resulted in the image I added to the initial post. Looks Like I need to find another workaround for this editor…

Will you be adding support for the Row within a Row to Cornerstone? Or Really just a blank div, a holder with basic controls like, bkg color, padding, etc. That would solve my issue. And as I said, it is something WPBakery has, and at this moment it is sorely missed!! It seems like such a basic thing to have included. Any web developer custom coding has the ability to add a div wherever they please, this should be something that is included from day one! Very frustrating that it isn’t.

Hi,

This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!

OK, Thanks! Sorry to be to so upset…You guys have done a great job. But I think having that ability to add a “Holder Div” would be awesome!

You’re welcome.
Your feedback has been noted.

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