Menu icon Foundation

My Posts





My Comments

Izzy commented on Izzy's post over 2 years

Actually, the solution above did not work (I was getting some weird behaviours...)
I would still like to solve it.
Please see the image below to get a better picture of the problem and let me know if you have any ideas.

What I want is for the video not to be pushed to the right (which leaves a big gap in the layout)...

Izzy commented on Izzy's post over 2 years

Hey Mark!
I have a row of videos where each occupies 6 columns (half a row). They also have a caption underneath which can very in length. So in my example if the caption of the first video was much longer than second's the third video would be pushed over to the right.
However, your first suggestion worked!
I used jQuery to insert a clear fix div-
 
if ($this.is(':last-child')) {
$this.addClass('end');
$("<div class='clearfix'></div>").insertBefore(this);
}
 
Thanks for your help!
 
 

Izzy commented on Izzy's post over 2 years

Thanks for your reply Mark but this is not the solution I was looking for.
The columns are dynamically generated and I never know how many there will be.
If the number of columns is greater than 12 they will effectively form a new row. So what I would like is for the column to be pushed down but not to the right. This may be limitation of the framework.
Two solutions I found was to give fixed height to elements so as long as the content within a box does not exceed the limit they will work as expected.
Another option is to use a -pull class but this can overlap the content of the div above.
And for some reason equaliser did not work in this case...
 

Izzy commented on Izzy's post almost 3 years

Thanks Rafi!

Izzy commented on Elisandro Martinez's post almost 3 years

It's a website with training courses-
www.teamtreehouse.com
Or pick up a book or find an online article that teaches how to make a WordPress template.

Izzy commented on Elisandro Martinez's post almost 3 years

You could do a TreeHouse course on building custom WordPress themes.
You would make a static website, then convert that to a WordPress theme.
With that accomplished it is very likely you would be able to use a shopping cart plugin to use within your theme.
It shouldn't be too difficult.
I hope this helps.

Izzy commented on Izzy's post over 3 years

Thanks Hari!
The solution for me was to add jQuery script to change 'display: block' style from .top-bar.

Izzy commented on Keith Minder's post over 3 years

Does anyone have a solution for this for Foundation 6?
I tried the above but it does not work!?

Izzy commented on Pam Bifaro's post over 3 years

Same here!

Izzy commented on Hari Harker's post over 3 years

Hi Hari, have you been able to make this work?
Gabriel, I do not really know JS but I tried doing this-
 
<div class="flex-video widescreen"><iframe width="1920" height="1080" src="./img/video.mp4" frameborder="0" allowfullscreen></iframe></div>
</div>

<script>
function loadVideo(id)
{
var video = document.getElementById('video');
var mp4 = document.getElementById('mp4');
d = new Date();

mp4.src = "./img/" + id + d.getTime();

video.load();
}
</script>

<input type="button" id="myBtn" value="click">

 
but this does not work...
How would I do what you suggested-
and then add this to a click event listener:

video.play();

 
Thanks both in advance!

Posts Followed

  • 4
    Replies
  • Custom Wordpress Theme

    By Elisandro Martinez

    wordpress

    I am using the e-commerce template to design a home page. http://melhartindustries.com Now I would like to make the design a custom theme for Wordpress so that I can add a shopping cart to it. &nbsp;Can someone point me in the right direction on how to ... (continued)

    Last Reply by Kevin Neal almost 3 years ago



  • 2
    Replies
  • page load

    By Pam Bifaro

    .aspx

    We have built 2 new websites with Foundation 6 and for some reason we are having very slow page loads. Sometimes over 45 sec to load a page. You can see the page open then it gets hung up on the menu or orbit banner. Has anyone else had this issue? here ... (continued)

    Last Reply by Izzy over 3 years ago




Following

    No Content

Followers

My Posts

My Comments

You commented on Izzy's post over 2 years

Actually, the solution above did not work (I was getting some weird behaviours...)
I would still like to solve it.
Please see the image below to get a better picture of the problem and let me know if you have any ideas.

What I want is for the video not to be pushed to the right (which leaves a big gap in the layout)...

You commented on Izzy's post over 2 years

Hey Mark!
I have a row of videos where each occupies 6 columns (half a row). They also have a caption underneath which can very in length. So in my example if the caption of the first video was much longer than second's the third video would be pushed over to the right.
However, your first suggestion worked!
I used jQuery to insert a clear fix div-
 
if ($this.is(':last-child')) {
$this.addClass('end');
$("<div class='clearfix'></div>").insertBefore(this);
}
 
Thanks for your help!
 
 

You commented on Izzy's post over 2 years

Thanks for your reply Mark but this is not the solution I was looking for.
The columns are dynamically generated and I never know how many there will be.
If the number of columns is greater than 12 they will effectively form a new row. So what I would like is for the column to be pushed down but not to the right. This may be limitation of the framework.
Two solutions I found was to give fixed height to elements so as long as the content within a box does not exceed the limit they will work as expected.
Another option is to use a -pull class but this can overlap the content of the div above.
And for some reason equaliser did not work in this case...
 

You commented on Izzy's post almost 3 years

Thanks Rafi!

You commented on Elisandro Martinez's post almost 3 years

It's a website with training courses-
www.teamtreehouse.com
Or pick up a book or find an online article that teaches how to make a WordPress template.

You commented on Elisandro Martinez's post almost 3 years

You could do a TreeHouse course on building custom WordPress themes.
You would make a static website, then convert that to a WordPress theme.
With that accomplished it is very likely you would be able to use a shopping cart plugin to use within your theme.
It shouldn't be too difficult.
I hope this helps.

You commented on Izzy's post over 3 years

Thanks Hari!
The solution for me was to add jQuery script to change 'display: block' style from .top-bar.

You commented on Keith Minder's post over 3 years

Does anyone have a solution for this for Foundation 6?
I tried the above but it does not work!?

You commented on Pam Bifaro's post over 3 years

Same here!

You commented on Hari Harker's post over 3 years

Hi Hari, have you been able to make this work?
Gabriel, I do not really know JS but I tried doing this-
 
<div class="flex-video widescreen"><iframe width="1920" height="1080" src="./img/video.mp4" frameborder="0" allowfullscreen></iframe></div>
</div>

<script>
function loadVideo(id)
{
var video = document.getElementById('video');
var mp4 = document.getElementById('mp4');
d = new Date();

mp4.src = "./img/" + id + d.getTime();

video.load();
}
</script>

<input type="button" id="myBtn" value="click">

 
but this does not work...
How would I do what you suggested-
and then add this to a click event listener:

video.play();

 
Thanks both in advance!

Posts Followed

Following

  • No Content

Followers

  • No Content