Tagged: Intense Parallax Scene
- This topic has 1 reply, 2 voices, and was last updated 9 years, 2 months ago by Intense Visions.
-
AuthorPosts
-
October 2, 2015 at 8:31 pm #6316
rob7968ParticipantI have been using the Intense Parallax Scene and it looks great until I re-size the window or open the page on a smart device.
I have a button and some text aligned to the center. On a normal screen its fine. However when I open the page on a device or reduce the window size on a PC the text and button moves slightly to the right taking it off center.
Is this a bug or am i doing something wrong: Find the code below
——————–
<p style=”text-align: center;”>[intense_parallax_scene size="full" background_type="image" image="2043" imagemode="parallax" height="600" advance_arrow_background_color="#ffffff"]</p>
<p style=”text-align: center;”>[spacer height=”60px”]</p>
<p style=”text-align: center;”><span class=”headertitle”>Unlimited Potential</span></p>
<p style=”text-align: center;”>[spacer height=”60px”]</p>
<p style=”text-align: center;”>CLICK HERE TO FIND OUT MORE & RECEIVE 60% DISCOUNT<script src=”https://username.leadpages.co/leadbox-902.js” type=”text/javascript” data-leadbox=”145486c73f72a2:17f5c2a42b46dc” data-url=”https://username.leadpages.co/leadbox/145486c73f72a2%3A17f5c2a42b46dc/5675267779461120/” data-config=”%7B%7D”></script></p>
<p style=”text-align: center;”>[spacer height=”120px”]</p>
<p style=”text-align: center;”>[/intense_parallax_scene]</p>Can anyone help
thanks
Rob
October 4, 2015 at 10:56 am #6317
Intense VisionsKeymasterRob,
After looking over the code and running it locally, I see that there is some padding on the left that is causing the issue. It looks like it is a padding on the parallax scene shortcode. I would suggest using the code below. The Content Section and Parallax Scene shortcodes are almost duplicates of each other, the main difference is that the Parallax Scene allows for layers of scenes to be stacked upon one another to make layers. The Content Section gives more options and still has the parallax background options. I just changed [intense_parallax_scene] to [intense_content_section] and made a few changes to the centering. Some of the p tags were unnecessary.
[intense_content_section size="full" background_type="image" image="2043" imagemode="parallax" height="600" advance_arrow_background_color="#ffffff"] [intense_spacer height="60px"] <center><p><span class="headertitle">Unlimited Potential</span></p></center> [intense_spacer height="60px"] <center><p><a style="color: #ffffff; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px; display: inline-block; max-width: 300px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 1px; box-shadow: 0px 1px 3px inset, rgba(0, 0, 0, 0.498039) 0px 1px 3px;" href="https://username.leadpages.co/leadbox/145486c73f72a2%3A17f5c2a42b46dc/5675267779461120/" target="_blank">CLICK HERE TO FIND OUT MORE & RECEIVE 60% DISCOUNT</a></p></center> <script src="https://username.leadpages.co/leadbox-902.js" type="text/javascript" data-leadbox="145486c73f72a2:17f5c2a42b46dc" data-url="https://username.leadpages.co/leadbox/145486c73f72a2%3A17f5c2a42b46dc/5675267779461120/" data-config="%7B%7D"></script> [intense_spacer height="120px"] [/intense_content_section]
If you need any additional help, please let us know.
Thanks,
Josh -
AuthorPosts
You must be logged in to reply to this topic.