Code Canal is the simple Web resource site for WordPress, Magento and other CMS and frameworks, with easy to understand technologies and provides easy tutorials for the creating and editing site.

Our Latest Tutorials Guide for WordPress :

Here we will see how to equal height columns dynamic content with jQuery :

Current Design :

[php]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="container">
<div class="column">This is<br />the highest<br />column</div>
<div class="column">One line</div>
<div class="column">Two<br />lines</div>
</div>
<div class="container">
<div class="column">One line</div>
<div class="column">Two<br>lines</div>
<div class="column">One line</div>
</div>
[/php]



Solution

Just put the below code modify as per your requirement.
Don't forget to add jQuery min file into the code.

[php]
$(document).ready(function(){
$('.container').each(function(){
var highestBox = 0;

Comments: 0

Here we will see How to remove hide the select arrow in Firefox using -moz-appearance:none;

Set -prefix-appearance to none to remove the styles;
Use text-indent to "push" the content a bit to the right;
Finally, set text-overflow to an empty string. Everything that extends beyond it's width will become...

The CSS will be :

[php]
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
[/php]

When you put videos from Youtube, Vimeo, etc. it will take more time to load the page. Even if the video is in pop up section. And as per analysis if the loading time is greater than 4 seconds than there is 90% of chance that the visitor will leave your site. So to make your site load faster we need to defer video from YouTube, Vimeo and other websites.

Page 1 of 7 123467