Joomla Templates Club 406,261 posts

[holmanresearch Friend holmanresearchJoin date: August 2015Posts: 140Downloads:86Uploads:5 Thanks: 1 Thanked: 3 times in 3 posts]

#882239

I am using the JA JAson template under staff profile page within JA Charity and would like to change the font and size, preferably similar to JA Charity. Please advise. Thanks!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#882267

Hi
Add this code in custom.css file of JA Jason template to change the big intro text font size

.ja-intro .intro-content .info {

    font-size: 81px!important; }

and this code for sub intro text font size

.ja-intro .intro-content .sub {
    font-size: 16px!important;
}

Change the font size as per needs .
You can use firebug or inspect element and override the class styles as i suggested above via custom.css file . > http://prntscr.com/a2laza

[holmanresearch Friend holmanresearchJoin date: August 2015Posts: 140Downloads:86Uploads:5 Thanks: 1 Thanked: 3 times in 3 posts]

#882279

"You can use firebug or inspect element and override the class styles as i suggested above via custom.css file . > http://prntscr.com/a2laza"

How do you do this? I have attempted several times. Although, it xchanges on the immediate screen, as soon as you exit out of inspect element, it reverts back. What am I doing wrong?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#882284

Hi
Kindly add the code in custom.css as i suggested , inspect element is just to check the style u need to add it in custom.css to apply changes .

[holmanresearch Friend holmanresearchJoin date: August 2015Posts: 140Downloads:86Uploads:5 Thanks: 1 Thanked: 3 times in 3 posts]

#882599

This reply has been marked as private.

[holmanresearch Friend holmanresearchJoin date: August 2015Posts: 140Downloads:86Uploads:5 Thanks: 1 Thanked: 3 times in 3 posts]

#882601

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#882725

Hi
Custom.css is a css file in your template css folder .
Path : /templates/Your JA Template/css/custom.css
If there is custom.css file then create it and add suggested code i sent , change the value as per needs .

[Author]

Posts