Joomla Templates Club 406,261 posts

[jjvera Friend jjveraJoin date: June 2013Posts: 22Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#189057

How create my custom css in the folder /template/ja_university/themes/blue/css. i don’t want replace template.css with all de content. Only a want créate a one file with ONLY the change to override some styles.

For example create a file custom.css with only:

h1.logo {
height: 65px;
width: 155px;
}
h1.logo a {
background: url(“../images/logo.png”) no-repeat scroll left center transparent;
display: block;
height: 65px;
width: 155px;
}

and override only than style.

I Prefer to have better control of changes

Very thanks

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

#499498

The following is a list of informative resources to help you understand what layout/template overrides are in Joomla – and how you can use them to customize your JoomlArt Template based site . . . .

– UNDERSTANDING OUTPUT OVERRIDES

– HOW TO OVERRIDE THE OUTPUT FROM THE JOOMLA CORE

– A BEGINNER’S GUIDE TO JOOMLA OVERRIDES

– CUSTOMIZE YOUR JOOMLA TEMPLATES BY LEARNING OVERRIDES

– OVERRIDING T3V3 CORE JOOMLA COMPONENT/MODULE TEMPLATES

1 user says Thank You to TomC for this useful post

1. jjvera

[jjvera Friend jjveraJoin date: June 2013Posts: 22Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#499509

thanks your collaboration but I’ve already read all and none fits what I’m asking. In my case, the override is on part of the css file in the folder template

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499558

Hi jjvera,

After creating the custom.css file in the css folder of the blue theme on your server. You need to call the new css file by adding below codes:

<stylesheets>
<file>css/custom.css</file>
</stylesheets>

before </theme> in templatesja_universitythemesblueinfo.xml . Clear JAT3 cache after saving changes. Your overriden css styles will be loaded by the template then.

1 user says Thank You to phong nam for this useful post

1. jjvera

[jjvera Friend jjveraJoin date: June 2013Posts: 22Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#499603

Hi Leo,

Perfect, but now i have other problem, i want lowercase the text under image an i create a custom.css for the file template.css in folder /template/ja_university/css, where stay the style, and i change de file xml. The files are load but template.css have priority and a i want change. I attach image.

Thanks.

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499607

Hi jjvera,

Try to use:

p.img_caption {
text-transform: lowercase !important;
}

in your custom.css file and clear JAT3 cache too.

[jjvera Friend jjveraJoin date: June 2013Posts: 22Downloads:0Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#499608

hi Leo,

Problems, because chall all to lowercase and there are letter in lowercase and other in uppercase originally.

Thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499613

Hi jjvera,

As you can see, the p.img_caption class will tranform all the texts under the image to lowercase or uppercase, including the first character of line. The potential method is removing:

p.img_caption {
text-transform: uppercase;
}

in template.css. Then texts will appear correctly.

1 user says Thank You to phong nam for this useful post

1. jjvera

[Author]

Posts