Joomla Templates Club 406,261 posts

[riwaa Friend riwaaJoin date: June 2014Posts: 11Downloads:1Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#200186

Hi

I would like to add custom css file to JA Zite 3.2 template, but where should I do that? I tried to add it to the css folder of Zite template folder but it doesn’t work. any suggestions please

Thanks

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

#544221

The file path should be —> /templates/ja_zite/css/custom.css

[riwaa Friend riwaaJoin date: June 2014Posts: 11Downloads:1Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#544239

Hi tom

I tried to create custom.css file in that path but it doesn’t work

regards

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#544243

can you please post your admin details in PM

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

#544495

<em>@riwaa 439162 wrote:</em><blockquote>Hi tom

I tried to create custom.css file in that path but it doesn’t work

regards</blockquote>

What element(s) are you trying to work with? – There are some modules/extensions for which the custom.css option will not work properly. Can you clarify as to what element(s) on your site you are wanting to modify?

[riwaa Friend riwaaJoin date: June 2014Posts: 11Downloads:1Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#544664

it is simple elements, background image or font size colors, logo positions, shadows and radius.
their are no complex css code will be used

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

#544671

<em>@riwaa 439680 wrote:</em><blockquote>it is simple elements, background image or font size colors, logo positions, shadows and radius.
their are no complex css code will be used</blockquote>

Please advise exactly what is the file path you have set up for your custom.css file.

Also, please cut and paste the CSS you have within your custom.css file.

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

#544731

@riwaa,

JA Zite is base on T3v2 Framework. Because of that, if you want to customise the CSS on your site, you can use the class suffixes then find and change the value of code or add your custom code at the end of file /templates/your_template_name/css/template.css

Let me know if this helps

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

#544834

<em>@Nazario A 439761 wrote:</em><blockquote>@riwaa ,

JA Zite is base on T3v2 Framework. Because of that, if you want to customise the CSS on your site, you can use the class suffixes then find and change the value of code or add your custom code at the end of file /templates/your_template_name/css/template.css
</blockquote>

Also, in order to protect your changes from future core template upgrades/updates, you will want to utilize – which function much like the custom.css file does for pre-T3V2 templates.

[riwaa Friend riwaaJoin date: June 2014Posts: 11Downloads:1Uploads:1 Thanks: 2 Thanked: 1 times in 1 posts]

#544889

Hi Tom

the path I tried for css is : .. /templates/ja_zite/css/custom.css
and I started with change the logo potion with floating (some thing wrong with the site i have error 404, but it was working) i copied the code from inspect elements and just change the values

I will setup the project again and send the code as it to you

thanks

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

#544894

<em>@riwaa 439953 wrote:</em><blockquote>Hi Tom

the path I tried for css is : .. /templates/ja_zite/css/custom.css
and I started with change the logo potion with floating (some thing wrong with the site i have error 404, but it was working) i copied the code from inspect elements and just change the values

I will setup the project again and send the code as it to you

thanks</blockquote>

See Nazario A’s comment in Post #8 above . . . followed by my additional comment.

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

#544980

@riwaa,
As I mentioned in my previous reply, JA Zite is based on old JAT3v2 framework and it will not automatically load custom.css file as the new T3 framework, you need to call it via head block of this template

You can go to file: /templates/your_template_name/tpls/blocks/head.php

Add this line of code:

[PHP]<link rel=”stylesheet” href=”templates/<?php echo T3_ACTIVE_TEMPLATE; ?>/css/custom.css” type=”text/css” />[/PHP]

Let me know if this helps

1 user says Thank You to Nazario A for this useful post

1. solosan

[jurgeng Friend jurgengJoin date: December 2010Posts: 77Downloads:56Uploads:12 Thanks: 7 Thanked: 6 times in 3 posts]

#863599

This didn’t solve my issue trying to customize the CSS for <sub> and <sup> No way to add a class suffix there.

Edit: modifying the block file did.

[jurgeng Friend jurgengJoin date: December 2010Posts: 77Downloads:56Uploads:12 Thanks: 7 Thanked: 6 times in 3 posts]

#863608

Okay… small addition. The annoying bold red sub- and superscript were not part of the template, but part of the JA Typo plugin. Fix should happen there.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#863947

Did you get it solved now?

[Author]

Posts