T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Leo
  2. General Discussion
  3. Friday, 25 April 2014
  4.  Subscribe via email
How can i change the font size of article title and page title?
I have changed my menu font size by custom.css, may i do it in the same way?
Please help, thanks.
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Leo,

It's quite easy, open the custom.css file, add the rule to the file and customize the font-size as you wish.

.article-title, .article-header h1{
font-size: 60px;
}

.page-title, .page-header h1 {
font-size: 60px;
}



Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Leo,

Yeah, you can change to font size for article title and page title in the custom.css file, the same way with menu font size that you did. Both article title and page title are in <h1></h1> tag so you can change font size by customize font size of <h1> but it's not recommended as if so, font size of other elements that are in <h1> tag will be changed to.

By adding style to the custom.css file, you don't need to compile LESS to CSS, the custom.css file is the last loaded file so it will not overridden when you compile LESS to CSS and it also override style in any other .css file.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gardner,

Thanks for your reply.
I have changed the menu font size by the below code:


.t3-mainnav .nav > li > a {
font-size: 18px;
}


May you please tell me what is the code for changing the article title and page title.
I am very new in css, thanks again for your help.

Leo
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Garder,

It works now, thanks a lot!

Leo
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome Leo,

Please let me know if you have any trouble.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

I found this explanation for the thing that I want to achieve. I recognise that this was resolve for Leo, but I need a little bit more help finding the file.

I am using Purity III.

I have been through the template css files and I cannot find a file that is named custom.css

Can you please let me know where this file is located, or if it is not located anywhere, can I simply copy any css file, rename it custom.css, delete its contents, (or easily create a new file called custom), then copy and paste the following code into it, save it, and have it working automatically?

Thanks very much.

AL




code:


.article-title, .article-header h1{

font-size: 30px;

}



.page-title, .page-header h1 {

font-size: 30px;

}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
OK let me give you all an update.

There was not a css file called custom, in the css folder, so I created one.

I then cut and pasted the code kindly given above, changed the sizes, and voila! It worked.

I even changed the font size for the page titles that I couldn't get rid of to 0 and that's gone too!

So this would seem like it has solved the issue of article title resizing.

Thanks

AL
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

The custom.css file is not included in template folder by default as its user file. Please create such file in the css folder then add new CSS rules to the file.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Leo,

I have created a custom CSS and controled the home page article title size. how ever my blog layout still shows big fonts. how can i change this? make my blog layout page article title sizes to 30px?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.