Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#519919

You can create a new CSS file named custom.css in this path: /templates/ja_fixel/css

Then add this CSS rule:


.t3-mainnav.light-mainnav .logo-image a{
background-image: url(../images/logo.png) !important; <<< change to your own image path
}


[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#520131

Hi,

I just created a custom.css in the css file and put this code, but nothing has happened.

.t3-mainnav.light-mainnav .logo-image a{
background-image: url(../images/tennisworks-tw-logo-black.png) !important;
}

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#520602

Anybody there 😛

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#521260

You can post your site’s URL here and path of logo image you want to use, I will check it for you.

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#522201

Thanks!
Its http://www.tennisworks.com.au 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#522464

Hi

I just check again and see that you’re using dark-blue as default theme. You should add your own image (use when scrolling down) into this folder: templatesja_fixelimagesthemesblue and rename it to logo-light.png. It should work then.

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#522513

Nup no luck :((:((

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#522516

You can PM me FTP credential of site you’re working on, and tell me image you want to set, I will check it for you.

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#522951

Hi Saguaros, did you get my PM a few days ago?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#523089

Hi Katie,

I’m sorry for the late reply as we’re off on the weekend. I check the custom.css file in your site and see that you set the incorrect path for the logo image. I modified the path again, please have a look.

Best.

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#523341

Sorry still no luck! Haha gosh this is strangely hard 😛

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#523403

As you can see in this screenshot: http://prntscr.com/2tv904. It’s showing this logo image: ../images/themes/blue/logo-light.png

Is this not what you want?

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#523417

No sorry.

The image is supposed to be just plain black, which is the opposite of the plain white logo on the initial logo at top.

Edit: Oh I see in the picture, the firebug shows the picture I want. But at the top its under the white logo too.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#523588

I see, the white logo still appears over the black logo. You can open the custom.css file again and add height & width property as follows:

html .t3-mainnav.light-mainnav .logo-image a {
background-image: url("../images/themes/blue/logo-light.png") !important;
height: 30px;
width: 80px;
}

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#523625

I stuck that code in webroot / templates / ja_fixel / css / custom.css but still its showing both, instead of just the black

[Author]

Posts