Joomla Templates Club 406,261 posts

[norito Friend noritoJoin date: November 2011Posts: 63Downloads:2Uploads:17 Thanks: 5]

#171692

At left-bottom, Teline IV shows text logo footer. I would like to change it into image logo.
Could you kindly tell me how to do that?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#429168

In order to best assist you, please post the url to the site you’re working on – as well as set “Optimze CSS” to “No” within your Template Manager–>General Settings.

1 user says Thank You to TomC for this useful post

1. hengstler

[norito Friend noritoJoin date: November 2011Posts: 63Downloads:2Uploads:17 Thanks: 5]

#429170

Hi.
site URL
http://soccer.kyaku.info/

“Optimze CSS” is set to “No” .

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#429171

Open your template.css file (within path /templates/ja_teline_iv/css/template/css)

at line 1108, you should see the following . . .


/* Foot Logo ---*/
#ja-footlogo {
background: url(../images/curl-bg-4.png) no-repeat right top;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: -5px;
width: 220px;
}


#ja-footlogo a {
background: #000;
border: 1px solid #000;
color: #666;
display: block;
font: 24px/85px ArialNarrowBold, "Arial Narrow", Arial, sans-serif;
height: 85px;
text-transform: uppercase;
white-space: nowrap;
width: 214px;
}


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


The parameter at line 1110 is where you can change the image currently used with your own custom image.

Always remember, after you make your changes . . . SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope that helps.

[norito Friend noritoJoin date: November 2011Posts: 63Downloads:2Uploads:17 Thanks: 5]

#429175

Thank you. I will try that. 🙂

<em>@TomC 288510 wrote:</em><blockquote>Open your template.css file (within path /templates/ja_teline_iv/css/template/css)

at line 1108, you should see the following . . .


/* Foot Logo ---*/
#ja-footlogo {
background: url(../images/curl-bg-4.png) no-repeat right top;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: -5px;
width: 220px;
}


#ja-footlogo a {
background: #000;
border: 1px solid #000;
color: #666;
display: block;
font: 24px/85px ArialNarrowBold, "Arial Narrow", Arial, sans-serif;
height: 85px;
text-transform: uppercase;
white-space: nowrap;
width: 214px;
}


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


The parameter at line 1110 is where you can change the image currently used with your own custom image.

Always remember, after you make your changes . . . SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope that helps.</blockquote>

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#463109

Has this worked? I’ve tried and it didn’t work.

I used the following code:

#ja-footlogo {
background: url(../images/vbj_logo_red.png) no-repeat right top;
height: 97px;
left: 12px;
position: absolute;
text-align: center;
top: -5px;
width: 220px;

The site is http://www.vbjusa.com/new_vbj/

[Author]

Posts