Puting PNG over content band with parallax image

Support
#1

Hi,

how do I put a PNG over a content band with parallax image? I want the result to be like this

thanks.

#2

Hello,

Are you indicating the hero section? (i.e the very first section after menu)

If so, you can use Revolution Slider (comes with the theme) to get such results.

Thanks.

#3

Hi,

thanks for the response, but that’s extremely vague. HOW do I upload an image like that to revolution slider? Do I “add media” or a shortcode?

thanks

#4

Hi There,

Sorry for the confusion.

Altough that can be achieve using Revolution Slider, it is not necessary.

You can create a section on Cornestone, add a background image by click advanced background.

Select Parallax, Set Parallax Zoom to 150%

Adjust the padding of the section for let´s say 15% top and bottom.

Add a classic image element to the section.

You can also add a button if you would like.

Click on the column where the elements are placed, and click text-align center.

Hope it helps!

#5

i have not used cornerstone for any of webpages and do not want to use what i have coded. what is another solution?

#6

do not want to *lose what i have coded. from my past experience when i switch from code to cornerstone my code is obsolete.

#7

Hi there,

Would you mind providing more information how you are building the site pages? Do you mean you are have coded the pages manually using shortcodes? If you did, this would be tricky to implement because this kind of setup would easily be created using Cornerstone.

#8

yes i have coded with shortcodes.

#9

please provide a solution.

#10

Hi There,

Please follow this article about the content band shortcode in order to learn how to use Parallax.

http://demo.theme.co/integrity-1/shortcodes/content-band/

Hope it helps

#11

This doesn’t tell me how to upload a png in the content band.

#12

I want a PNG file of my logo on top of the image in the content band. How do I do this?

#13

Hi There,

Your content will go inside the content band.

So you will use:

[content_band style="color: #333;" bg_image="http://yoursite.com/path/to/your/image.jpg" border="all" parallax="true" inner_container="true"] 

[image src="http://yourdomain.com/logo.jpg" alt="Text"]

[/content_band]

Hope it helps

#14

that did not work and completely messed up my landing page. how do I put a png in a content band with a parallax image?

#15

Hello There,

@Joao shortcode should have work out for you. I have tested it myself in my local testing server and it just works. I used this:

[content_band style="color: #333;" bg_image="https://static1.squarespace.com/static/57c08c35893fc0554de3cf74/t/5a048ed7e2c4833c6f206f20/1510248162207/SH-52.jpg?format=1500w" border="all" parallax="true" inner_container="true" style="min-height: 400px;"] 

[image src="https://static1.squarespace.com/static/57c08c35893fc0554de3cf74/t/58bc5a15bf629aed77c5d993/1488738846156/?format=750w" alt="Text"]

[/content_band]

And this is the result.

Please let us know how it goes.

#16

how do i send you a screenshot of my page after i do that?

it does not work.

please either provide another solution or take a look at my page.

#17

Hi There,

Please provide your login credentials in a secure note and point the specific page.

Thank you

#18

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