Joomla Templates Club 406,261 posts

[lmendoza Friend lmendozaJoin date: August 2007Posts: 9Downloads:27Uploads:1 Thanks: 4]

#201985

I’m doing an installation/configuration of a JA Muzic site, version 3.3.6 and I’m having trouble updating/changing the logo. In the past I usually updated the template.css file, but it seems like this newer version of T3 Framework is a little more complicated when it comes to editing the template.

I’ve read instructions that talk about the need to save a new layout, and then editing those files, but I’m still having trouble getting it to work…

I’d appreciate any help, especially step by step instructions…

Here’s the site: http://josefeliciano.montunoproductions.com/

I’m attaching the logo file I want to use. It’s 700px x 150px

Thanks!

---

Attachments:

1. 

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

#552560

Try This . . . .

If you haven’t done so already, create a new file called “custom.css” within file path –> /templates/ja_muzic/css/

Within that custom.css file, paste the following CSS rule:


.logo-image {
float: none;
overflow: hidden;
width: 750px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ?? 😎

1 user says Thank You to TomC for this useful post

1. lmendoza

[lmendoza Friend lmendozaJoin date: August 2007Posts: 9Downloads:27Uploads:1 Thanks: 4]

#552565

Tom, wow! That was perfect! Thank you very much. Is working now.

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

#552566

Happy I could be of assistance . . . . All the best with your continuing site development. 🙂

1 user says Thank You to TomC for this useful post

1. lmendoza

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

#558531

I seem to have the same problem, but you’re Custom code don’t seem to work(?)
What am I doing wrong?
http://www.sbrr.nl/NIEUW/

Now you see this tiny little logo, but original is: 460×170 px…

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

#558534

<em>@smartmax 457373 wrote:</em><blockquote>I seem to have the same problem, but you’re Custom code don’t seem to work(?)
What am I doing wrong?
http://www.sbrr.nl/NIEUW/

Now you see this tiny little logo, but original is: 460×170 px…</blockquote>

Try This . . . . .

Within file path —> /templates/ja_muzic/css/themes/violet/template.css
at line 259, modify as follows:


img {
height: 170px;
width: 460px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

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

#558536

Almost 😀
It’s all out of shape!

---

Attachments:

1. 

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

#558537

<em>@smartmax 457380 wrote:</em><blockquote>Almost 😀
It’s all out of shape!
</blockquote>

Try the exact height/width pixel values I recommended above.

Save the changes …. If it’s still skewed, I will inspect further.

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

#558538

Hi Tom, in Photoshop the file is 460 px – 170 px

---

Attachments:

1. 

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

#558539

<em>@smartmax 457382 wrote:</em><blockquote>Hi Tom, in Photoshop the file is 460 px – 170 px
</blockquote>

460px – width ??
170px – height ??

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

#558540

YEP: :laugh:

I see something funny at the bottom in the breadcrumbs.
http://www.sbrr.nl/NIEUW/artiesten
The arrow is also 170 px height, so something has gone wrong… :-[

---

Attachments:

1. 

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

#558541

Within file path —> /templates/ja_muzic/css/themes/violet/bootstrap.css
at line 78, delete the “max-width” property – as such:


img {
border: 0 none;
height: auto;
vertical-align: middle;
}

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

#558546

No, now everything is out of shape… :((

images, arrows at the bottom in the breadcrumb, slideshow images…

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

#558547

<em>@smartmax 457391 wrote:</em><blockquote>No, now everything is out of shape… :((

images, arrows at the bottom in the breadcrumb, slideshow images…</blockquote>

ugh . . . so, of course, this has to be YOUR FAULT. :p

(just kidding)

Okay, put everything back the way it was and we’ll keep working on it. :-[

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

#558549

I thought so that it was my fault, that’s why I said: ‘What am I doing wrong’ 😀

I put everything back to how it was…

[Author]

Posts