Article Title Font size change - h1 Tags

Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Tue Jan 21, 2014 3:34 pm
Reply with quote
Report this post
I apologize in advance if this is an easy question, but I have looked and can't find a way to change the size of the Title for the articles. When I look at the source code it says it's the h1 tag, which is great and exactly the way I would want it, but when I create an override in the override.css folder (yes it's turned on) it has no effect. So then I changed it directly in the template.css folder, and still no affect. 44 is just too large for our needs. I need it to be closer to 34 or maybe eve a little smaller. I've also tried other things and nothing will work. I actually changed the font size for the body text from 18 to 14 using the override.css for this template and it worked great! I've never had this much trouble before changing the font size of an h tag, and I've done it with many templates in the past. So again, I apologize if it's a simple solution, but then again, maybe that's a good thing if it is ;-)

Thanks for any help you can provide.
User avatar
Senior Boarder

GK User
Tue Jan 21, 2014 4:15 pm
Reply with quote
Report this post
Hi,
try this code
Code: Select all
article header h1, article header h2 {
    font-size: 48px;
}


change value of font-size and add into override.css
User avatar
Platinum Boarder

GK User
Tue Jan 21, 2014 7:22 pm
Reply with quote
Report this post
That worked, but it jumps back to the larger size when it detects a tablet or mobile sized screen. What would be the fix for that?

Thanks.
User avatar
Senior Boarder

GK User
Wed Jan 22, 2014 5:01 pm
Reply with quote
Report this post
ok, so please change font-size also here:
templates/gk_musicstate\css\mobile.css (line 466)
and
gk_musicstate\css\tablet.css (line 292)
User avatar
Platinum Boarder

GK User
Wed Jan 22, 2014 5:04 pm
Reply with quote
Report this post
Yeah, I did that finally. But I had hoped there was a solution using the override.css file so if I ever have to update the template I won't lose my changes. One of the other Moderators had recommended it as a best practice so I've been trying to stick to it. But if it's not possible, not a big deal. I'll just stick with changing it manually in the appropriate css files.

Thanks for all your help. I really appreciate it.
User avatar
Senior Boarder

GK User
Wed Jan 22, 2014 5:09 pm
Reply with quote
Report this post
Yes and No, because sometimes you have it's because of order of loaded files

First is override.css, then tablet.css and mobile.css - so they can destroy what you insert in override.css.
User avatar
Platinum Boarder

GK User
Wed Jan 22, 2014 5:17 pm
Reply with quote
Report this post
Oh, I see. That makes sense.

Thanks again!
User avatar
Senior Boarder


cron