Joomla Templates Club 406,261 posts

[mickalypickaly Friend mickalypickalyJoin date: November 2011Posts: 26Downloads:0Uploads:2 Thanks: 4 Thanked: 1 times in 1 posts]

#191455

I have an email sign up form that I have been trying to make responsive. Aweber provides a script that I can insert or raw html.

I’ve tried using custom CSS but I’m not very knowledgeable with it. Is there css styling that I can use to surround the script with div tags to make it responsive. I found something that works with embeded youtube videos but doesn’t have the same effect with my script. This is what I used

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

<div class="video-container">
<iframe src="http://www.youtube.com/embed/dFVxGRekRSg" frameborder="0" width="560" height="315"></iframe>
</div>

Any idea on how to make something similar work with my email sign up form?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#509325

You can put both above script with my below suggest

+ Create custom.css file into templates/ja_hawkstore/css/ folder

+ Open custom.css file and add css style


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


+ Go Admin site -> Module Manager -> Create new CUSTOM HTML Module and add script and appear with anything position if you like


<div class="video-container">
<iframe src="http://www.youtube.com/embed/dFVxGRekRSg" frameborder="0" width="560" height="315"></iframe>
</div>


[Author]

Posts