Joomla Templates Club 406,261 posts

[silicondesigns Friend silicondesignsJoin date: January 2007Posts: 23Downloads:0Uploads:4 Thanks: 4 Thanked: 1 times in 1 posts]

#144420

I have changed the logo option from image to text but wondered whether it was possible to change this font from the default to Times New Roman. If so, how do I do it. Thanks in anticipation.

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#317948

Hi

To change the font from default to times > you will need to do this

open the file > templates>jatopaz>css>template.css

in that around line 900 you will find this

div.logo-text {
margin: 10px 0 0;
outline: none;
}

here you will need to define the font name

as you want times new roman you will need to chage the above to

div.logo-text {
margin: 10px 0 0;
outline: none;
font-family:"Times New Roman";
}

You can also use the font family css default of

font-family:"Times New Roman", Times, serif;

instead of just times new roman.

[silicondesigns Friend silicondesignsJoin date: January 2007Posts: 23Downloads:0Uploads:4 Thanks: 4 Thanked: 1 times in 1 posts]

#317973

<em>@prbalge 145455 wrote:</em><blockquote>Hi

To change the font from default to times > you will need to do this

open the file > templates>jatopaz>css>template.css

in that around line 900 you will find this

div.logo-text {
margin: 10px 0 0;
outline: none;
}

here you will need to define the font name

as you want times new roman you will need to chage the above to

div.logo-text {
margin: 10px 0 0;
outline: none;
font-family:"Times New Roman";
}

You can also use the font family css default of

font-family:"Times New Roman", Times, serif;

instead of just times new roman.</blockquote>
Thanks so much for a prompt and accurate response – it works perfectly of course. Another question(s) if I may, are we able to change the ‘case’ of the logo text from all upper case to either all lower or a mixture. And finally, are we able to remove the solid vertical bar that separates the logo text and tag line ie: | . Thanks again, your help is appeciated.

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#317988

Hi

Great that the solution was as per your requirements. With regards the other query

1. To remove solid vertical bar and to change the case of logo text > in the same file
i.e. > templates>jatopaz>css>template.css
find this

div.logo-text h1 {
border-right: 1px solid #CCCCCC;
float: left;
font-size: 250%;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding-right: 10px;
}

div.logo-text h1 a {
color: #F89A20;
text-transform: uppercase;
}

Now to remove the solid vertical bar > remove this line

border-right: 1px solid #CCCCCC;

For the ‘case’ of logo text > this line is responsible

text-transform: uppercase;


the line can be completely removed and you will get what case you type or there are multiple options like capitalize, lowercase

[Author]

Posts