Joomla Templates Club 406,261 posts

[Davor Friend DavorJoin date: March 2008Posts: 7Downloads:428Uploads:1]

#187178

Hi,
how can i change font of template?
I have troubles with Croatian letters, like š,č,ć.. (they are bigger than other letters).
I already tried changing code in template.css, but after clearing cache all return to the default.

Thanks

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

#491473

Different content is controlled by different CSS rules.
There is no one CSS rule that controls all text/fonts throughout the site.

Which parts/content are you wanting to modify?

[Davor Friend DavorJoin date: March 2008Posts: 7Downloads:428Uploads:1]

#491477

Section title and subtitle.

[Davor Friend DavorJoin date: March 2008Posts: 7Downloads:428Uploads:1]

#491492

Im using JA One Page template with t3.

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

#491675

Hi cdavor,

On JA Onepage template, the font style of section title is defined for different section with css format:

(A)

.section1,2,3,4,5,6 .section-title h2 {
color:#000000;
font-family: tahoma; /*Change with your font*/
}

section1 : Hero Unit
section2: Introducing
section3: Portfolio
section4: Awesome Team
section5: Happy Clients, Partners
section6: Get In Touch, Map

– The font style of subtitle is defined by format:

(B)
.section1,2,3,4,5,6 .section-subtitle {
font-family: tahoma; /*Change with your font*/
}

* Put all (A) & (B) css changes in templates/ja_onepage/css/custom.css file.

Leo

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

1. TomC

[Davor Friend DavorJoin date: March 2008Posts: 7Downloads:428Uploads:1]

#491709

Content of my templates/ja_onepage/css/custom.css is this:

@import url(../fonts/homestead/stylesheet.css);
@import url(../fonts/bebas-neue/style.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

[Davor Friend DavorJoin date: March 2008Posts: 7Downloads:428Uploads:1]

#491717

<em>@cdavor 371331 wrote:</em><blockquote>Content of my templates/ja_onepage/css/custom.css is this:

@import url(../fonts/homestead/stylesheet.css);
@import url(../fonts/bebas-neue/style.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
</blockquote>

And when I add your code above, nothing changes.

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

#491767

Hi cdavor,

The above codes are the css code format in general for all sections. Well, try on with styles for title & subtitle of Introduction section.
Put below codes into your custom.css file. Do the same css format with other sections.

.section2 .section-title h2 { /*title*/
font-family:"Times New Roman", Times, serif;
}

.section2 .section-subtitle { /*subtitle*/
font-family:"Times New Roman", Times, serif;
}


* If these seems complicated to you, pls send me a PM with your admin, I will apply these css changes for you.

Leo

[odrareg Friend odraregJoin date: November 2006Posts: 1Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#494958

Hi Leo you save me a lot of time, thank you very much!
@cdavor

In my case im using OnePage with retro style but i didnt like the homestead font, so i changed to Alef google font, so i just have to add this line on the very top of: templates/ja_onepage/css/custom.css

@import url(http://fonts.googleapis.com/css?family=Alef:400,700);

Then add the lines provided by Leo at the bottom of the same file

.section2 .section-title h2 { /*title*/
font-family:”Alef”;
}

.section2 .section-subtitle { /*subtitle*/
font-family:”Alef”;
}

An also add the same @import line on the very top of templates.ja_onepage.less.themes.retro.template.less.css this file is located on t3-assets/dev/retro

@import url(http://fonts.googleapis.com/css?family=Alef:400,700);

And replace all homestead reference to Alef on the same file

Example

.t3-mainnav .dropdown-menu li a {
font-weight: 300;
font-family: ‘homestead_regularregular’, serif;
text-transform: uppercase;
border-color: #DDD7C5
}

Changed to this

.t3-mainnav .dropdown-menu li a {
font-weight: 300;
font-family: ‘Alef’;
text-transform: uppercase;
border-color: #DDD7C5
}

That did the work

Thanks again Leo

1 user says Thank You to odrareg for this useful post

1. phong nam

[Davor Friend DavorJoin date: March 2008Posts: 7Downloads:428Uploads:1]

#496764

Thank you all very much. I got it … Work great…

[Author]

Posts