Counters on top of paralax side by side

[tsimarketing]

I have a paralax with video, not image. I need a 3 counters side by side (1/3, 1/3, 1/3) to be on top of the video. How I am I able to do so? Thanks.

[Kyle – SUPPORT]

Hi

You can use a row asset for your parallax video background, then add the counters within the row 🙂

– Kyle

[tsimarketing]

Hey Kyle-
I have tried to make a Row with Parallax Video set as background then insert text blocks (3), (1/3, 1/3, 1/3) with the Counter in each text bock. However, the counters do not show on within the Parallax video Row. I have attached screenshots of the swift builder for reference. Thanks

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Please could you provide me with a link so I can check? Think it might be a z-index issue that’s cropped up before

– Kyle

[tsimarketing]

EHR & Practice Management Success

[Kyle – SUPPORT]

Try adding this to your custom css:

.spb-row-container.spb-row-full-width .spb_content_element {
z-index: 3;
}

– Kyle

[tsimarketing]

Hey Kyle,
That worked great! Thanks. Now, I have another issue. The counters that I have placed into that row are quit high within that row, almost to the top of the row. How would I go about changing the padding(?) so that they are more centered inside of the row? I tried adding spacers inside that row above the counters but did not work. Thanks in advance!

[tsimarketing]

Also just thought of something else that I would like to do. Is there a way besides, image height or content height that i can control the height of the row and or parralax?

[Melanie – SUPPORT]

Hi,

.page-id-16 .spb_parallax_asset {
padding-top: 50px!important;
height: 200px!important;
}

will control spacing top and height!

[tsimarketing]

Thanks so much!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved. Thanks Kyle and Melanie :-).
With Best Regards
Swift Ideas