Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
  • Page:
  • 1

TOPIC: Social Links in Post-Text of Login Module

Social Links in Post-Text of Login Module 1 month 4 days ago #699

  • vgudenus
  • vgudenus's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
hi
Due to the structure of my website i had to add the Social Links to the "Post-Text" of my Login Module.
This screwed up my website because of the "list" the Social links are implemented in.
i handled it in this way:

<ul class="avatar-social-links">
<p style="font-size: 25px;"><a class="facebook" href="#" STYLE="TEXT-DECORATION: NONE">       </a>
<a class="feed" href="#" STYLE="TEXT-DECORATION: NONE">       </a></p></ul>

but due to the necessity of the font-size:25px the symbols look now pixel-ed

do you have any suggestions in how to make that better?

thx viktor
Last Edit: 1 month 3 days ago by vgudenus.
The administrator has disabled public write access.

Social Links in Post-Text of Login Module 1 month 18 hours ago #737

  • salem
  • salem's Avatar
  • OFFLINE
  • Moderator
  • Posts: 73
  • Thank you received: 6
  • Karma: 3
Hi,

Please provide us your website url for live check.

Best regards.
salem.
The administrator has disabled public write access.

Social Links in Post-Text of Login Module 1 month 3 hours ago #743

  • vgudenus
  • vgudenus's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 10
  • Karma: 0
hi salem thx for the answer
i have the website currently just on my localhost can i send you some files or screen shots that would help you?
thx viktor
screenshot1.png
Last Edit: 1 month 3 hours ago by vgudenus.
The administrator has disabled public write access.

Social Links in Post-Text of Login Module 4 weeks 2 days ago #754

  • salem
  • salem's Avatar
  • OFFLINE
  • Moderator
  • Posts: 73
  • Thank you received: 6
  • Karma: 3
Hi,

you are using the background image to display the "f" and "@" ?

If yes, you should add some css code.

You can following these steps bellow :

- Change the html code to :
<div class="avatar-social-links">
        <a class="facebook" href="#">facebook</a>
        <a class="feed" href="#">feed</a>
</div>

- Open the css file, add the code :
.posttext .avatar-social-links a {
        display: inline-block;
        width: 50px;
        height: 50px;
        text-decoration: none;
        text-indent: -99999em;
}

you can change the width and height to other value that you want

Best regards.
salem
Last Edit: 4 weeks 2 days ago by salem. Reason: wrong code
The administrator has disabled public write access.
  • Page:
  • 1
Time to create page: 0.642 seconds
Powered by Kunena Forum