Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 10, 2014 at 8:17 am #316362
    graphico

    hi there, in the footer i would like the columns to be uneven, so i inserted this code below to a single column footer:

    [av_one_fifth first]
[av_textblock ]
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#435f9f; border-color:#435f9f;"><a href='https://www.facebook.com/CloudAllyPage'   class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#f1f1f1; border-color:#f1f1f1;"><span class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#50abf1; border-color:#50abf1;"><a href='https://twitter.com/CloudAlly'   class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#f1f1f1; border-color:#f1f1f1;"><span class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#dd4b39; border-color:#dd4b39;"><a href='https://plus.google.com/+Cloudally/posts'   class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span>
[/av_textblock]
[/av_one_fifth]
[av_three_fifth]
[av_textblock ]

<div class="footer_links" style="text-align: center;"><a id="footer_links_home" href="/">Home</a> <span class="footer_devider"> | </span> <a href="/Blog">Blog</a> <span class="footer_devider"> | </span> <a href="/cloudally-faq">FAQ</a> <span class="footer_devider">| </span> <a href="/terms-of-use" rel="nofollow">Terms of Use</a> <span class="footer_devider">| </span> <a href="/privacy-policy" rel="nofollow">Privacy Policy</a> <span class="footer_devider">| </span> <a href="/why-choose-cloudally">Why CloudAlly</a><span class="footer_devider"> | </span><a href="/catalog">Backup Services</a><span class="footer_devider"> | </span><a href="/contact-us">Contact Us</a>
<a href="/SLA">Service Level Agreement</a> <span class="footer_devider"> | </span> <a href="/partners">Partner Programs</a> <span class="footer_devider"> | </span><a href="/enterprise-contact-us">Enterprise Backups</a></div>

[/av_textblock]
[/av_three_fifth]
[av_one_fifth]
[av_textblock ]
<a href="http://aws.amazon.com"><img class="alignnone" src="http://magento.org.il/cloudally/wp-content/uploads/2014/08/powered.png" alt="powered by amazon web services" width="230" height="70" /></a>
[/av_textblock]
[/av_one_fifth]

    the problem i’m having is with the social media buttons, i want them to be on the same row- like in my homepage (which display no footer, and i used the avia builder to create the last section): http://magento.org.il/cloudally/

    instead of being in the same row they are presented in a funny way: http://magento.org.il/cloudally/?page_id=194

    can you please help me adjust the code to make it look right?

    many many thanks-

    Eynav.

    September 10, 2014 at 8:25 am #316367
    graphico

    screenshots:

    my code looks like this:

    i want it to look like this:

    the home page (which doesn’t show a footer- its just a section) has this as last section:

    September 12, 2014 at 2:32 am #317721
    Devin

    Hi!

    Your code for the icons needs to make them either float left or be inline block. You could wrap them into another div and then target them that way. For example if you wrap them in your text block code with a div called custom-footer-social:

    
#custom-footer-social .av_font_icon {
float: left;
}

    or maybe

    
#custom-footer-social .av_font_icon {
display: inline-block;
}

    I can’t see the code now live so I can’t test it.

    Cheers!
    Devin

    September 15, 2014 at 11:19 am #319104
    graphico

    hi devin, i changed the footer widget code to:

    [av_one_fifth first]
[av_textblock ]<div class="custom-footer-social">
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#435f9f; border-color:#435f9f;"><a href='https://www.facebook.com/CloudAllyPage'   class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#f1f1f1; border-color:#f1f1f1;"><span class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#50abf1; border-color:#50abf1;"><a href='https://twitter.com/CloudAlly'   class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#f1f1f1; border-color:#f1f1f1;"><span class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></span></span>
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left " style="color:#dd4b39; border-color:#dd4b39;"><a href='https://plus.google.com/+Cloudally/posts'   class='av-icon-char' style='font-size:25px;line-height:25px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></a></span></div>
[/av_textblock]
[/av_one_fifth]
[av_three_fifth]
[av_textblock ]

<div class="footer_links" style="text-align: center;"><a id="footer_links_home" href="/">Home</a> <span class="footer_devider"> | </span> <a href="/Blog">Blog</a> <span class="footer_devider"> | </span> <a href="/cloudally-faq">FAQ</a> <span class="footer_devider">| </span> <a href="/terms-of-use" rel="nofollow">Terms of Use</a> <span class="footer_devider">| </span> <a href="/privacy-policy" rel="nofollow">Privacy Policy</a> <span class="footer_devider">| </span> <a href="/why-choose-cloudally">Why CloudAlly</a><span class="footer_devider"> | </span><a href="/catalog">Backup Services</a><span class="footer_devider"> | </span><a href="/contact-us">Contact Us</a>
<a href="/SLA">Service Level Agreement</a> <span class="footer_devider"> | </span> <a href="/partners">Partner Programs</a> <span class="footer_devider"> | </span><a href="/enterprise-contact-us">Enterprise Backups</a></div>

[/av_textblock]
[/av_three_fifth]
[av_one_fifth]
[av_textblock ]
<a href="http://aws.amazon.com"><img class="alignnone" src="http://magento.org.il/cloudally/wp-content/uploads/2014/08/powered.png" alt="powered by amazon web services" width="230" height="70" /></a>
[/av_textblock]
[/av_one_fifth]

    and put both codes in the quick css but nothing happened. what am i doing wrong? please advise… thank you!

    • This reply was modified 10 years, 2 months ago by graphico.
    September 17, 2014 at 2:54 am #320255
    Devin

    Looks like the content is getting filtered with break tags. Try using a code block instead of a text block for the html.

    September 17, 2014 at 8:47 am #320371
    graphico

    Hello again devin, i’m sorry but i don’t understand what your solution is. is using [av_textblock ] not the right way to do it?

    September 18, 2014 at 8:41 am #320982
    graphico

    devin, can you explain to me what is a “code block instead of text block” means?

    September 18, 2014 at 3:49 pm #321253
    Yigit

    Hi!

    Please use Code Block element under Content elements in Advanced Layout Builder instead of Text Block element – http://i.imgur.com/Xkmz4FR.png

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.