- Posts: 5
- Thank you received: 0
Icons printing and send email
-
raulrd
Inactive member - Topic Author
- New Member
Less
More
10 years 3 months ago #41926
by raulrd
Icons printing and send email was created by raulrd
Shows text instead of icons for print and send email.
Thanks very much before!
Thanks very much before!
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 3 months ago #41936
by ivan.milic
Replied by ivan.milic on topic Icons printing and send email
Can you explain a bit more???
Please Log in to join the conversation.
-
raulrd
Inactive member - Topic Author
- New Member
Less
More
- Posts: 5
- Thank you received: 0
10 years 3 months ago #41978
by raulrd
Replied by raulrd on topic Icons printing and send email
Oh, I'm sorry! Yes, you'are right...
The case is that I have activated "show icons" option for link "send email" and "print article" but icons are not shown but text are shown.
The web site sample link may this: www.parroquiapilarvaldemoro.org/index.ph...tequesis-matrimonios
And this I can see is as the attached image (into red rectangle).
The case is that I have activated "show icons" option for link "send email" and "print article" but icons are not shown but text are shown.
The web site sample link may this: www.parroquiapilarvaldemoro.org/index.ph...tequesis-matrimonios
And this I can see is as the attached image (into red rectangle).
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 3 months ago #41986
by ivan.milic
Replied by ivan.milic on topic Icons printing and send email
Add this to template_css.css:
.print-icon, .email-icon{
width: 22px;
height: 22px;
float: left;
display: block;
list-style: none;
margin: 2px;
overflow: hidden;
}
.print-icon a, .email-icon a{
width: 100%;
height: 100%;
display: block;
padding-left: 100px;
}
.print-icon a{
background: url(../images/print.png) top left no-repeat;
background-size:100% 100%;
}
.email-icon a{
background: url(../images/email.png) top left no-repeat;
background-size:100% 100%;
}
You have to place print.png and email.png images in templates /images folder
.print-icon, .email-icon{
width: 22px;
height: 22px;
float: left;
display: block;
list-style: none;
margin: 2px;
overflow: hidden;
}
.print-icon a, .email-icon a{
width: 100%;
height: 100%;
display: block;
padding-left: 100px;
}
.print-icon a{
background: url(../images/print.png) top left no-repeat;
background-size:100% 100%;
}
.email-icon a{
background: url(../images/email.png) top left no-repeat;
background-size:100% 100%;
}
You have to place print.png and email.png images in templates /images folder
The following user(s) said Thank You: raulrd
Please Log in to join the conversation.
-
raulrd
Inactive member - Topic Author
- New Member
Less
More
- Posts: 5
- Thank you received: 0
10 years 3 months ago #42009
by raulrd
Replied by raulrd on topic Icons printing and send email
Thank You!
I have some changes to suggested code as ../image, for /image, and some background-size parameters modified as correct percentage.
Now is ok. Thank You very much!
I have some changes to suggested code as ../image, for /image, and some background-size parameters modified as correct percentage.
Now is ok. Thank You very much!
Please Log in to join the conversation.
Time to create page: 0.145 seconds