Joomla Templates Club 406,261 posts

[me200784 Friend me200784Join date: September 2014Posts: 23Downloads:61Uploads:0]

#202897

Hi,

I’ve been struggling to change the size of the logo – I’ve looked on previous posts and followed the logo documentation but nothing seems to change the size of the logo.

The actual logo is 100 x 40.
It also isn’t mobile/ tablet friendly.

Could you please have a look.

Thanks,
Shell

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#555828

Hi there,
Please update css code like below screenshot to match your logo size.

Thank you,
Viet Vu

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#555851

Hi Shell,

Go to the templates/ja_fixel/local/css/themes/348899bluetheme/template.css file and change with my suggestion below

Find and change

.logo-image {
overflow: hidden;
height: 60px;
width: 60px;
}


To

.logo-image {
overflow: hidden;
height: 165px;
width: 417px;
}

Regards

[me200784 Friend me200784Join date: September 2014Posts: 23Downloads:61Uploads:0]

#556106

Thank you for your help.

Shell

[keke1 Friend keke1Join date: April 2015Posts: 14Downloads:1Uploads:1 Thanks: 4]

#573502

Hello There!

These Changes are not work for me.
There are no css files in my local template.
I have Rtl and Themes in my css Folder and really getting me confused, I have tried many still not working.
As I am here how can I align the top menu right?

Thanks

[keke1 Friend keke1Join date: April 2015Posts: 14Downloads:1Uploads:1 Thanks: 4]

#738529

Hello There!

These Changes are not work for me.
There are no css files in my local template.
I have Rtl and Themes in my css Folder and really getting me confused, I have tried many still not working.
As I am here how can I align the top menu right?

Thanks

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

#573503

Can you do me a favor and temporarily set “Optimize CSS” to “No” within your Template Manager–General settings?

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

#738530

Can you do me a favor and temporarily set “Optimize CSS” to “No” within your Template Manager–General settings?

[keke1 Friend keke1Join date: April 2015Posts: 14Downloads:1Uploads:1 Thanks: 4]

#573573

Thank you for the reply!

I have done just that but still did not, I resulted with the override method and its worked but with some issues.
The old image stays at the background on light template and when you scroll down it shown only the original logo.

http://www.skytravel.co.za
http://www.skytravel.co.za/holidays.

Please help.

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

#573622

Try pasting the recommended CSS modification – in Post #3 above – within your custom.css file.

If you don’t yet have a custom.css file, simply create it within file path —> /templates/ja_fixel/css/

See if that works as you are wanting.

[keke1 Friend keke1Join date: April 2015Posts: 14Downloads:1Uploads:1 Thanks: 4]

#573633

That is exactly what I did!
Changing the sizes to match my logo.

Thanks

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

#573634

<em>@keke1 477520 wrote:</em><blockquote>That is exactly what I did!
Changing the sizes to match my logo.

Thanks</blockquote>

So it worked ??

[keke1 Friend keke1Join date: April 2015Posts: 14Downloads:1Uploads:1 Thanks: 4]

#573639

Sorry No it did not work!
You can check the link to see what is it doing!

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#573804

<em>@keke1 477425 wrote:</em><blockquote>Thank you for the reply!

I have done just that but still did not, I resulted with the override method and its worked but with some issues.
The old image stays at the background on light template and when you scroll down it shown only the original logo.

http://www.skytravel.co.za
http://www.skytravel.co.za/holidays.

Please help.</blockquote>

You can fix it at your end with the solution below

Open templates/ja_fixel/css/custom.css file and add new rule


html .t3-mainnav .logo-image a {
background-image: none;
}


[Author]

Posts