-
AuthorPosts
-
October 23, 2016 at 7:07 am #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?
October 23, 2016 at 8:32 am #702928Hi Micha66!
Can you please send us a link, so we can see what you are talking about can help you?
Thanks a lot
Regards,
BasilisOctober 23, 2016 at 10:43 am #702961Here 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 ago by Micha66.
October 23, 2016 at 4:25 pm #703011No ideas?
- This reply was modified 8 years ago by Micha66.
October 24, 2016 at 6:54 am #703128Hi,
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,
RikardOctober 24, 2016 at 7:03 am #703130This 3 social buttons do i want to have in the bottom. I will have no socket or footer.
October 25, 2016 at 5:11 pm #703875Is 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 ago by Micha66.
October 25, 2016 at 8:09 pm #703942Okay, 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!
October 26, 2016 at 3:48 pm #704372Hi,
Glad that it’s fixed :)
Best regards,
NikkoOctober 26, 2016 at 4:30 pm #704402Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.