Footer banner.

Hello,
All day today i've been trying to figure out how to create a banner stretch in the bottom/footer area to display my SSL logo and the logos of publications i have been featured in. I havent been able to figure it out, can you help?
I will prefer if it could be a layer under the footer menu so i dont squish the existing widgets I already have there. Thank you.

Hello,
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? Please add your images first, then I'll be able to help.

Hi Piotr,
please my site's URL is http://www.tieswag.com (still under construction)
I do not have all the logos/images i need to upload yet, but i am attaching a sample strip of what i am referring to

trusted by.png

Does it help? I'd like to have that either in footer/bottom of bottom widget area. Thank you.

Ok, but I still can't see any image on your frontpage, please create new page (subpage of your frontpage template) and add your images, then I'll be able to help.

I've done that Piotr. I created a 'logo panel' page.
I wanted to do you proud, but I couldnt figure out how to style it so that the logos are;
evenly spaced, have 'scroll to reveal' functionality and have no borders/margins (clear style).
I also wanted the 'Trusted By' caption to be rendered in the same Bigtitle style of the 'Shop Window' section.

Thanks for your help.

Hi,

Use this syntax with your title:

Code: Select all

<h3 class="box-title bigtitle"><small>Trusted by:</small></h3>


and the code fof your images:

Code: Select all

<ul class="gk-features logo" data-cols="4">
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.1s"><img class="alignnone size-full wp-image-2341" src="http://URL/wp-content/uploads/2015/09/logo-3.png" alt="logo 3" width="124" height="49" /></li>         
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.2s"><img class="alignnone size-full wp-image-2340" src="http://URL/wp-content/uploads/2015/09/logo2.png" alt="logo2" width="116" height="52" /></li>           
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.3s"><img class="alignnone size-full wp-image-2339" src="http://URL/wp-content/uploads/2015/09/logo-4.png" alt="logo 4" width="121" height="50" /></li>          
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.4s"><img class="alignnone size-full wp-image-2338" src="http://URL/wp-content/uploads/2015/09/logo-1.png" alt="logo 1" width="121" height="51" /></li></ul>


This is really great, thank you.
However in mobile view, how can i make the columns two so that two logos appear on one line and not just one logo?
Thanks

Please add the following custom css code:

Code: Select all

@media (max-width: 600px) {
   .gk-features.logo[data-cols="4"] li {
    width: 50%;
}
}


Excellent! Thank you very much P

Hello Piotr, i have finally replaced the temp logos with the final ones i want to show on the site, but when i replace the image URLs with the new one, i have an error showing. Please help

Hello,

What kind of error exactly? I can see your logo images and no error.