Hello all,
I am having this issue with our new skin:
As you can see, after Read More, Liftair VA and before Aeronor, Contact Us and Terms&Conditions, there is a square that cannot be changed and I don’t know what to do. Refering to the 3 squares on the bottom right, those are the social networks logos and I have tried changing them but without any effect.
Could you please help me to solve this?
Thanks!
Regards,
See if you can post the code for that area? Maybe I can help and take a look at it.
<!-- ========== FOOTER START ========== -->
<footer>
<section class="grey darken-4">
<div class="container">
<div class="row">
<div class="col s12 m12 l4">
<h5>About us</h5>
<p>Liftair is a non-profit airline who simulates real world operations on a virtual online network, called <strong><a href="https://www.ivao.aero/" target="_blank">IVAO </a></strong>(<strong>I</strong>nternational <strong>V</strong>irtual <strong>A</strong>viation <strong>O</strong>rganization).</p>
<p><a href="https://www.liftair.eu/the-airline/" target="_blank">Read More</a><i class="fa fa-angle-right"></i></a></p>
</div>
<div class="col s12 m6 l4">
<h5>Quick Links</h5>
<ul>
<li class="waves-effect waves-blue"><a href="http://aeronor.liftair.eu">Aeronor</a></li>
<li class="waves-effect waves-blue"><a href="/index.php/contact">Contact Us</a></li>
<li class="waves-effect waves-blue"><a href="http://liftair.eu/tos/">Terms & Conditions</a></li>
</ul>
</div>
<div class="col s12 m6 l4">
<h5>Contact</h5>
<address>
Liftair VA<br>
Copenhagen
</address>
<address>
[email protected]
<br>
</address>
<p><a href="http://www.liftair.eu/">Liftair VA <i class="fa fa-angle-right"></i></a></p>
</div>
</div>
</div>
</section>
<div class="section black white-text">
<div class="container">
<div class="row">
<div class="col m8">
<p>© 2016 www.liftair.eu</p>
</div>
<div class="col m4 right-align">
<p>
<a href="http://facebook.com/liftairva" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
<a href="http://twitter.com/liftairva" target="_blank"><i class="fa fa-twitter fa-lg"></i></a>
<a href="https://www.youtube.com/channel/UC-UONGt4YUy2KqQZpWv9G8g" target="_blank"><i class="fa fa-youtube fa-lg"></i></a>
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== FOOTER END ========== -->
Are you sure you have font-awesome included in the header? Almost looks like the style-sheet for those are now include maybe or its a outdated version?
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-twitter fa-lg"></i>
<i class="fa fa-youtube fa-lg"></i>
For example, those social media icons are missing too. And that verbiage is from font-awesome.
<!-- Import style.css -->
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/style.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/materialize.min.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/font-awesome.min.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/fontic-hotels.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/owl.carousel.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/fotorama.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/nouislider.css" rel="stylesheet" media="all" />
<link href="<?php echo SITE_URL?>/lib/skins/holiday/css/uber-google-maps.min.css" rel="stylesheet" media="all" />
Yes, it is included.
Regards,
Do you know if its the most recent version of font-awesome? I would try and call the cdn for font-awesome. Also post the entire front page code you are working with maybe some else is causing it.
You can either go here and download the new version or submit your email and they will give you a link for the cdn for font-awesome. http://fontawesome.io/get-started/
I have just solved adding the CDN code on the <head> line
Thanks a lot!
Your very welcome!