Joomla Templates Club 406,261 posts

[rufdaz Friend rufdazJoin date: October 2007Posts: 9Downloads:269Uploads:2 Thanked: 1 times in 1 posts]

#193479

I use the template JA Muzic. I modified the dimensions of the box for my new logo (207 x 55) in the template file, css: The high was enlarged but not the width.

I do not know what to do. I hope your inspired help.

Thank you.

Radiabu

5metrosdepoemas.com /

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#517366

Hi,

Please disable CSS optimization from Template settings and let me know so i can try to help you

[rufdaz Friend rufdazJoin date: October 2007Posts: 9Downloads:269Uploads:2 Thanked: 1 times in 1 posts]

#517368

I disabled the css Optimisation from Template setting. I hope your help please to modify box logo ..
Rufdaz (radiabu)

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#517372

Hi,

Please try this:

<blockquote>.logo-image {
float: none;
overflow: hidden; <– Remove this line
}
</blockquote>

You can find this in template.css file

http://prntscr.com/2gjyhx

[rufdaz Friend rufdazJoin date: October 2007Posts: 9Downloads:269Uploads:2 Thanked: 1 times in 1 posts]

#517373

Merci beaucoup. Thank you. Now I can see the logo as wanted.

goodbye
rufdaz

1 user says Thank You to rufdaz for this useful post

1. JA Developer

[cyphernic Friend cyphernicJoin date: October 2010Posts: 3Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#522668

can you please tell me where to increase the size in this most recent version?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#522992

@cyphernic:

You can try to create a new CSS file called custom.css in /templates/ja_muzic/css path, then add css rule for the logo:


.logo-image a {
height: 36px;
width: 141px;
}


then change the height/width as you like.

BTW, you can post your site’s URL here and turn off Optimize CSS option in template manager so that we have a closer look and give you better suggestion.

[xabicom Friend xabicomJoin date: February 2014Posts: 8Downloads:0Uploads:0 Thanks: 4]

#528247

Hello !!!

I´m working with JA_Muzic template in localhost and my logo is 109x75px and I try to have it in my template on this way but it doesn´t work. It appears cutted at 36px height even with your modification included.

In addition to this, I don´t know if its necessary to do something in:
Template manager > Theme > Logo Type > Text or Image?

On this way I have three logos available:
-background logo
-background logo-small
-logo from template manager

I only want to have same effect as demo template with my logo 109x75px.
Could you please help me with it?

Thanks in advance !

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528311

@ xabicom,

As your site is still in localhost, it is hard to give you suggestion. However, you can try to open the file: /templates/your_template_name/css/custom.css (if not exists, pls create a new one), then add this rule:

.logo-image a {
background: url("your_link_image");
height: 90px;
width: 141px;
}

Declare your link image and change the value of height and width as you like.
Let me know how it goes.

[xabicom Friend xabicomJoin date: February 2014Posts: 8Downloads:0Uploads:0 Thanks: 4]

#528967

Hi Nazario,

I follow your instructions and works fine scrolling up and down but when I reduce the width of the window to 1024px, the logo appears cutted again… do you know why?

I wrote another question about “Menu item artist”, can you help me with it please?
Thread:http://www.joomlart.com/forums/topic/menu-item-type-for-artists/

Thanks !

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#529108

@ xabicom,

Please open the /templates/your_template_name/css/custom.css file, add this rule:

/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) {
.logo-image a {
width: 141px;
}
}
/* Mobiles */
@media (min-width: 320px) and (max-width: 640px) {
.t3-mainnav .navbar-inner .logo-image a {
background-size: 38% auto;
}
}

You can change the value in red as you wish.

<em>@xabicom 419236 wrote:</em><blockquote>
I wrote another question about “Menu item artist”, can you help me with it please?
Thread:http://www.joomlart.com/forums/topic/menu-item-type-for-artists/
</blockquote>

I replied to you at this thread. Please have a look.

[xabicom Friend xabicomJoin date: February 2014Posts: 8Downloads:0Uploads:0 Thanks: 4]

#529257

I just insert the code on CSS file but it doesn´t work !!!
Have the same result as before…

:((

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#529321

@xabicom,

It’s best if you put your site online and update URL here so that I can give you better suggestion.

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#558611

WHOHOOO, THATS IT!
I have also been strugling with the same problem!
THANKS!

[Author]

Posts