Joomla Templates Club 406,261 posts

[florian78 Friend florian78Join date: October 2011Posts: 10Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#197028

Hi,

I know it’s a kind of newbie question. But I’m a little bit confused in the overwhelming power of overrides.

Where is the best place to put another logo.png file and to define another logo size

I know I have to modify the template.css file. e.g.
h1.logo { width: 266px; height: 100px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 266px;
height: 100px;

But my question is: where do I have to put the logo.png file and the modified template.css file so if another update of JA Social Template is coming I won’t lose the modifications?

kind regards
Florian

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

#532162

Greetings Florian . . . .

Seek and Ye Shall Find –>

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#532189

<em>@florian78 423337 wrote:</em><blockquote>Hi,

I know it’s a kind of newbie question. But I’m a little bit confused in the overwhelming power of overrides.

Where is the best place to put another logo.png file and to define another logo size

I know I have to modify the template.css file. e.g.
h1.logo { width: 266px; height: 100px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 266px;
height: 100px;

But my question is: where do I have to put the logo.png file and the modified template.css file so if another update of JA Social Template is coming I won’t lose the modifications?

kind regards
Florian</blockquote>

Hi Florian
if you want to override the css, the best option to put your css in the custom. css file. It will override on all other css files .
Hope it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. florian78

[florian78 Friend florian78Join date: October 2011Posts: 10Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#532193

<em>@pankajsharma 423382 wrote:</em><blockquote>Hi Florian
if you want to override the css, the best option to put your css in the custom. css file. It will override on all other css files .
Hope it helps</blockquote>

Hi, and where should I put the custom.css file?
Would be the best place /templates/ja_social/css/custom.css
Or is it another directory?

Regards,
Florian

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

#532194

<em>@florian78 423388 wrote:</em><blockquote>Hi, and where should I put the custom.css file?
Would be the best place /templates/ja_social/css/custom.css
Or is it another directory?

Regards,
Florian</blockquote>

/templates/ja_social/css/custom.css … is exactly the path it should be. 🙂

1 user says Thank You to TomC for this useful post

1. florian78

[florian78 Friend florian78Join date: October 2011Posts: 10Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#532202

ok, I put the modification in
/templates/ja_social/css/template.css and also did the override in
/templates/ja_social/css/custom.css <– there I listed only the following modifications:

/* Logo Image ---*/
h1.logo {
height: 130px; /* modified flo */
width: 600px; /* modified flo */
}

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 130px; /* modified flo */
width: 600px; /* modified flo */
}

#ja-header .main {
padding: 1px 0; /* modified flo - original von 15px auf 1px setzen */
}

So the modifications are in both files…won’t hurt I guess.

Display result:
when I’m on the home screen I get the new logosiziing and the different padding

when I’m on another menu e.g. menu Fotos I get the old logosizing and the old padding.

Where is the mistake? Is it a caching issue?

regards
Florian

---

Attachments:

1. 
2. 

[alexsmirnov Friend alexsmirnovJoin date: July 2012Posts: 786Downloads:1Uploads:226 Thanks: 226 Thanked: 163 times in 119 posts]

#532215

Hi Fabian,

When you change CSS styles in /templates/ja_social/css/template.css, then you use customisation, which has nothing to do with “override” technique. In such case next time you update you JA Social template, the old template.css file (with your changes in it) will be replaced by new template.css file, so all your hard work will be lost.

When you put a new style rule, however small it might be, into /templates/ja_social/css/custom.css file, then you create “override”. In this case next time you update your JA Social template, your whole custom.css file will remain intact, hence your own little CSS changes will continue to work for you.

Hope it helps.

Regards,

Alex

1 user says Thank You to alexsmirnov for this useful post

1. TomC

[Author]

Posts