[basvdberkParticipant]

Hi,

I search for a solution that i can’t find..
My wish is to use in a page a photo, on the photo i need a white block with text. The white block must be transparent (50%).
See the picture for a example what i need:

I love the x-theme and the great support!

[LelyModerator]

Hello There,

Thanks for posting in and giving us screenshot. Please add the following inline CSS in the column style field. background-color:rgba(255,255,255,.5);
*Note: .5 means 50%
If that code doesn’t do the trick, please provide us your site URL so we can check better.

Hope this helps.

[basvdberkParticipant]

Hi,

That is not exactly what i mean.

I like to use a shortcode like:
[slider animation="slide" slide_time="1500" slide_speed="600" slideshow="true" random="false" control_nav="false" prev_next_nav="false"] [slide]<img src="http://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="http://yourdomain.com/image.jpg" alt="Example">[/slide] [slide]<img src="http://yourdomain.com/image.jpg" alt="Example">[/slide] [/slider]
And put then a white block (transparentcy 50%) at the right on the slidehow with text. This block must stay on the slideshow, so not sliding with the photo’s.

If that is not possible i like to use the block in combination with the shortcode:
[image type="rounded" src="http://yourdomain.com/image.jpg" alt="Text"]

Hope that is clear what my wish is.

Thanks for your help!
Best Regards, Bas

[Paul RModerator]

Hi Bas,

To further assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[basvdberkParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Bas,

I’ve created a test page in your site: http://www.petersherpen.nl/wordpress/?page_id=271&preview=true. To create this in Cornerstone, I’ve added a section and then a background image to it. Inside that section, I’ve added a row of two columns. In the first column’s settings, under Style file, I’ve added background-color: rgba(255, 255, 255, 0.5); to add a semi-transparent white background color. Then, I’ve added a Text element to add some dummy text to the page.

Hope this helps. 🙂

Thank you.

[basvdberkParticipant]

You are great!!!
This is indeed the solution I was looking for .

Very happy! I can move ahead now.

Your support is very good at x -theme!!

Best regards, Bas

[JadeModerator]

Hi Bas,

You’re welcome. It’s our pleasure to help. 🙂

[basvdberkParticipant]

One last question:
I can’t find where you have added: background-color: rgba(255, 255, 255, 0.5); in Cornerstone.

“In the first column’s settings, under Style file, I’ve added background-color: rgba(255, 255, 255, 0.5); to add a semi-transparent white background color. “

[Rue NelModerator]

Hello There,

Please edit your page in Cornerstone. Turn on the advance controls and you will find the id, class and style field. That’s where I inserted the background color.

Hope this helps. Kindly let us know.

[basvdberkParticipant]

Yes now i understand it better 😉 Thanks for the tip!

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts