Canvas Support

Make Parallax Promo Box Smaller

4 replies·opened Jul 10, 2019
R
riandyspJul 10, 2019

I want to change the size of parallax promo box like usual promo box size. Which JS that I need to edit to change the image size of parallax?

Here's my code:

<div class="promo parallax promo-dark bottommargin" style="background-image: url('<?= base_url() ?>assets/images/parallax/7.jpg');" data-bottom-top="background-position:0px 100px;" data-top-bottom="background-position:0px -100px;">
	 <div class='container'>
		<h3>Kami percaya bahwa setiap bisnis <b>UNIK</b>! </h3>
		<span>Sehingga memerlukan strategi yang unik pula.</span>
		<a href="#" class="button button-xlarge button-rounded">Hubungi Kami</a>
	</div>
</div>

Thank you

S
SemiColonWebSTAFFJul 11, 2019

Hello,

You can consider using the following code: 

<div class="container">
&#x9;<div class="promo parallax promo-dark bottommargin" style="background-image: url('<?= base_url() ?>assets/images/parallax/7.jpg');" data-bottom-top="background-position:0px 100px;" data-top-bottom="background-position:0px -100px;">
&#x9;&#x9;<h3>Kami percaya bahwa setiap bisnis <b>UNIK</b>! </h3>
&#x9;&#x9;<span>Sehingga memerlukan strategi yang unik pula.</span>
&#x9;&#x9;<a href="#" class="button button-xlarge button-rounded">Hubungi Kami</a>
&#x9;</div>
</div>

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

R
riandyspJul 12, 2019

It's not fit well. I'm using boxed layout..

R
riandyspJul 12, 2019

I want to make like this, but smaller size..

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard