Joomla Templates Club 406,261 posts

[virtualdataspace Friend virtualdataspaceJoin date: September 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#185036

I would like to know how can I modify the font size and color in the slogan line of the text style font? I have done some looking in the CSS but can not find it.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#483750

<em>@virtualdataspace 360538 wrote:</em><blockquote>I would like to know how can I modify the font size and color in the slogan line of the text style font? I have done some looking in the CSS but can not find it.</blockquote>

Hello,

Did you mean, you have changed Select logo type to Text in Template Manager in Back-end and want to know how to modify this text ?

If yes, then go to: <blockquote>templates/ja_rave/css/template.css</blockquote>

Add these lines:

#ja-header div.logo-text h1 a{
add_your_style_here_for_text_logo
}
#ja-header p.site-slogan{
add_your_style_here_for_text_slogan
}


Hope this helps

[virtualdataspace Friend virtualdataspaceJoin date: September 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#483847

That is exactly what I mean. Where is the slogan pulling the font-size from? I would simply like it to be a little bigger and maybe a different color.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#483886

<em>@virtualdataspace 360759 wrote:</em><blockquote>That is exactly what I mean. Where is the slogan pulling the font-size from? I would simply like it to be a little bigger and maybe a different color.</blockquote>

Logo size is following the default style of a tag and the H1 tag of JA Rave. If you want change the style, add these lines to your templates file: <blockquote>templates/ja_rave/css/template.css</blockquote>


/*add_your_style_here_for_text_logo*/
#ja-header div.logo-text h1 a{
color: your_color_code;
font-size: your_font_size;
}

/*add_your_style_here_for_text_slogan*/
#ja-header p.site-slogan{
color: your_color_code;
font-size: your_font_size;
}

2 users say Thank You to Luna Garden for this useful post

1. virtualdataspace
2. isaac_miller

[Author]

Posts