Icons printing and send email

More
5 years 10 months ago #41926 by raulrd
Shows text instead of icons for print and send email.

Thanks very much before!

Please Log in or Create an account to join the conversation.

More
5 years 10 months ago #41936 by ivan.milic
Can you explain a bit more???

Please Log in or Create an account to join the conversation.

More
5 years 10 months ago #41978 by raulrd
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).
Attachments:

Please Log in or Create an account to join the conversation.

More
5 years 10 months ago #41986 by ivan.milic
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
The following user(s) said Thank You: raulrd

Please Log in or Create an account to join the conversation.

More
5 years 10 months ago #42009 by raulrd
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!

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.123 seconds