Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #702898

    Hi guys,

    i want to position an icon in the center and bottom only on one page. I have no footer and no socket. It should be on a page with a color section with 100% height at last and a button, middle aligned and centered. How can i do that?

    #702928

    Hi Micha66!

    Can you please send us a link, so we can see what you are talking about can help you?

    Thanks a lot

    Regards,
    Basilis

    #702961

    Here is the Link, i ment this 3 Icons (social buttons) under the Button.

    My Quick css:

    .center-icon {
    text-align: center; 
    }
    
    .center-icon span {
    display: inline-block;
    float: none; 
    }
    

    And my code block on the Page:

    <div class="center-icon">
    <span class="av_font_icon avia_animate_when_visible av-icon-style-border  avia-icon-pos-center " style="color:#cccccc; border-color:transparent;"><a href='http://'  target="_blank"   class='av-icon-char' style='font-size:20px;line-height:20px;width:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' </a>
    </a></span> 
    <span class="av_font_icon avia_animate_when_visible av-icon-style-border  avia-icon-pos-center " style="color:#cccccc; border-color:transparent;"><a href='https://www.instagram.com/'  target="_blank"   class='av-icon-char' style='font-size:20px;line-height:20px;width:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' </a>
    </a></span>
    <span class="av_font_icon avia_animate_when_visible av-icon-style-border  avia-icon-pos-center " style="color:#cccccc; border-color:transparent;"><a href='https://twitter.com/'  target="_blank"   class='av-icon-char' style='font-size:20px;line-height:20px;width:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' </a>
    </a></span>
    </div>
    • This reply was modified 8 years, 2 months ago by Micha66.
    #703011

    No ideas?

    • This reply was modified 8 years, 2 months ago by Micha66.
    #703128

    Hi,

    Thanks for the link, I’m not sure I understand what you are trying to do though. Could you post a screenshot highlighting what you would like to achieve please?

    Best regards,
    Rikard

    #703130

    This 3 social buttons do i want to have in the bottom. I will have no socket or footer.

    #703875

    Is there nobody who can help me? I tried to do this code in the .center-icon span but it don’t work. I can scroll over the buttons, but they will not be shown. The are in the right position, but not in the front level of the containers?

    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100px;
        z-index:99999;
    • This reply was modified 8 years, 2 months ago by Micha66.
    #703942

    Okay, i fixed it by myself, so you can close this thread. I made a new div container with the code above in the quick css and it works!

    #704372

    Hi,

    Glad that it’s fixed :)

    Best regards,
    Nikko

    #704402

    Hi,

    Glad you got it sorted. Let us know if you have more questions via new ticket we would love to help!

    Thank you for using Enfold.

    Best regards,
    Vinay

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