Recent
Categories
View Replies (3)

Font face and Font color setting

0
Votes
Undo
  1. nuthatch
    nuthatch
  3. Commercial Templates
  4. Saturday, 08 March 2014
  5.  Subscribe via email
Hello Ciarán

I am not sure whether this is a template or Joomla problem and it is probably blindingly obvious to the more experienced.

If I change font face settings or font colors from the Letterpress template styling settings I get more than expected:


[ul]
[li]Changing body font face also affects the drop down menus and any h1 headings[/li]
[li]Changing Article head font also changes h2 headings[/li]

[li]Changing body font color also changes h1[/li]
[li]Similarly Article title color changes h2[/li]
[li]Module title color also changes h3[/li]
[/ul]
I would like to be able to independently change the font and color of the various headings (h1 - h6) and the body text.

I presume this means adding to the custom css box.

Would you please give me (a relative novice) an example or two to play with or tell me if my assumption is way off?

Link - not really relevant but I'll give access to my test site if needed
Joomla v 3.2.3
Screenshots n/a
Browser Firefox 27.0.1
Not on a local host
Probably template specific since these settings are not accessible in default Joomla templates

Regards

Mike
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mike

In Joomla, article titles use H2 headings, and module titles use H3 tags which is basically what is been set within the templates parameters. For headings where no color is set the default body color is then used. Regardless you can set your own colors by adding the following to the Custom CSS field of your templates parameters, editing to your own taste. This CSS will not effect your article/module titles..


.maincontent h1, .module_content h1 {

  color: #000000;

}

.maincontent h2, .module_content h2 {

  color: #000000;

}

.maincontent h3, .module_content h3 {

  color: #000000;

}

.maincontent h4, .module_content h4 {

  color: #000000;

}

.maincontent h5, .module_content h5 {

  color: #000000;

}

.maincontent h6, .module_content h6 {

  color: #000000;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
nuthatch
nuthatch
Accepted Answer Pending Moderation
0
Votes
Undo
Many thanks Ciarán

I assume that the same principle can be used to assign separate fonts to each heading as well?

Mike
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mike

Yes you can use the same selectors to edit the headings as you wish.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok