Joomla Templates Club 406,261 posts

[jotape22 Friend jotape22Join date: August 2010Posts: 4Downloads:0Uploads:1]

#158557

I am having difficulties replacing the site name ( as text ) at the bottom left of the footer for an image.

Can someone please tell me how I can do that.

I disabled CSS optmisation, so I am working with the template CSS files, not the files in T3-Assets.

Any help is much appreciated!
Warm regards
Henrique

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371169

Please clarify if you wish to have your manual text placed there or an image, mainly

[triley0131 Friend triley0131Join date: November 2008Posts: 58Downloads:13Uploads:26]

#371570

I am having a similar issue. How can I change to a logo?

[fajertv Friend fajertvJoin date: June 2010Posts: 37Downloads:0Uploads:4 Thanks: 2]

#371670

where is the answer ?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371703

Hi Triley and fajertv,

<blockquote>Please clarify if you wish to have your manual text placed there or an image, mainly </blockquote>

Please let me know as to what you need so that I can add my reply 🙂

Cheers

[fajertv Friend fajertvJoin date: June 2010Posts: 37Downloads:0Uploads:4 Thanks: 2]

#371870

i need to replace it with an image

regards
Ismael

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371881

<em>@fajertv 215033 wrote:</em><blockquote>i need to replace it with an image

regards
Ismael</blockquote>

You can change image here accordingly and then make updates::

#ja-footlogo {template.css (line 922)
background: url(“../images/curl-bg-4.png”) no-repeat scroll right top transparent;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: -5px;
width: 220px;
}

as

#ja-footlogo {template.css (line 922)
background: url(“../images/curl-bg-4.png”) no-repeat scroll right top transparent;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: 0;
text-indent:-999em;
width: 220px;
}

and then remove these properties::

#ja-footlogo a {template.css (line 932)
background: none repeat scroll 0 0 #000000; >> remove
border: 1px solid #000000; >> remove
color: #666666;
display: block;
font: 32px/85px ArialNarrowBold,”Arial Narrow”,Arial,sans-serif;
height: 85px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
white-space: nowrap;
width: 214px;
}

[triley0131 Friend triley0131Join date: November 2008Posts: 58Downloads:13Uploads:26]

#372156

I will try it our and let you know my results. I may have overlooked but I did not see how to replace the logo or the absolute path. Can you explain in detail?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372268

Hi triley0131,

To avoid confusion, Can you please provide in screenshot marked with annotations as to what you need

[triley0131 Friend triley0131Join date: November 2008Posts: 58Downloads:13Uploads:26]

#372883

Hi Amon204,

Basically, I am trying to replace the “site” name and Power by T3 with my own logos. Attached is a screen shot.

Thanks

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372897

Hi triley,

1) The above suggestion would work fine for you where you could update in image accordingly::
<blockquote>
<em>@fajertv 215033 wrote:</em><blockquote>i need to replace it with an image

regards
Ismael</blockquote>

You can change image here accordingly and then make updates::

#ja-footlogo {template.css (line 922)
background: url(“../images/curl-bg-4.png”) no-repeat scroll right top transparent;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: -5px;
width: 220px;
}

as

#ja-footlogo {template.css (line 922)
background: url(“../images/curl-bg-4.png”) no-repeat scroll right top transparent;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: 0;
text-indent:-999em;
width: 220px;
}

and then remove these properties::

#ja-footlogo a {template.css (line 932)
background: none repeat scroll 0 0 #000000; >> remove
border: 1px solid #000000; >> remove
color: #666666;
display: block;
font: 32px/85px ArialNarrowBold,”Arial Narrow”,Arial,sans-serif;
height: 85px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
white-space: nowrap;
width: 214px;
}

</blockquote>

2) For T3 logo, You can update in image here accordingly::

.t3-logo-dark-sm a {template.css (line 898)
background-image: url(“../logo/t3_logo_dark_sm.png“);
}

[triley0131 Friend triley0131Join date: November 2008Posts: 58Downloads:13Uploads:26]

#373036

Amon24,

I got the image location for answer (2).

But how do I replace the logo in answer (1). Your answer (2) removes the site name but does it address replacing the logo? If so, what is the absolute path.

Thanks

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#373048

Hi Triley,

In footlogo part i.e. for which I have given suggestion in point (1) is text showing site name which you can replace with image through the suggestion above

Not really sure as to what you need. Can you please be more specific

Cheers

[raajkapur Friend raajkapurJoin date: February 2011Posts: 5Downloads:0Uploads:1]

#379858

Hey Aman,

Great suggestion and work around. However, when I do the above, and roll over the image, as I am using JA Teline IV, and bottom footlogo has a roll over ‘hover’ effect, how do I show a different transparent image in front of the ‘hover’ effect?

[raajkapur Friend raajkapurJoin date: February 2011Posts: 5Downloads:0Uploads:1]

#379860

I know I have to modify this:

#ja-footlogo a:hover,
#ja-footlogo a:active,
#ja-footlogo a:focus { background: #069; color: #fff; text-decoration: none; }

[Author]

Posts