Joomla Templates Club 406,261 posts

[struddyssports Friend struddyssportsJoin date: December 2013Posts: 1Downloads:0Uploads:0]

#193889

Is there an easy way to use a larger logo, without having to alter so much CSS, or touch any of the PHP? Trying to use a 250 x 70 logo, but it’s really not behaving well. Jumps sizes poorly when resizing the window, and clips in firefox. I would have hoped you could just upload a logo and have it look nice without so much time spent trying to change it.
The demo logo is 26px high, in an 80px high box. I really doubt everyone would want a logo that small.

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519049

@struddyssports,

It is not good if you use the big logo, if you must use a 250 x 70 logo, you should change the header’s height. With the case, please add css rule in custom.css (create one and store in ‘css’ folder if it does not exist)


.navbar-nav > li > a {
padding: 50px 20px;
}


Hope it helps.

[marcellomth Friend marcellomthJoin date: May 2013Posts: 3Downloads:144Uploads:0]

#519139

How to move the logo area just above and move the menu to the left?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519188

@marcellomth,

I am afraid that the modification you mentioned requires customization which is beyond scope of our support. Please consider to hire a developer to help you on this.

[devax Friend devaxJoin date: November 2010Posts: 18Downloads:1Uploads:3 Thanks: 4]

#520287

I tried this and it didn’t work. I am looking for reducing the padding for the logo. There is no “custom.css” file in the template. I created one and saved the file in the “css” folder as you suggested.

I’m not a programer, but I do mess around with the css files from time to time. I just need to know how to reduce the padding. I did find “.navbar-nav > li > a” in the “template.css” file. I have messed around with the settings in that one, but it doesn’t seem to do anything.

Anything else you can suggest?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#520764

<em>@devax 408255 wrote:</em><blockquote>I tried this and it didn’t work. I am looking for reducing the padding for the logo. There is no “custom.css” file in the template. I created one and saved the file in the “css” folder as you suggested….</blockquote>

You have enabled Optimize CSS. Please have it disabled to change anything in “css” folder.

---

Attachments:

1. 

[Author]

Posts