Joomla Templates Club 406,261 posts

[maroctravel Friend maroctravelJoin date: August 2011Posts: 36Downloads:0Uploads:1 Thanks: 16 Thanked: 1 times in 1 posts]

#167270

I installed JA Typo. Is there a way to change the fontcolor of the H1, H2, H3, etc?

Thanks!

Petra

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#405517

I believe you can configure the various HTML elements – including color – within the JA Typo plugin parameters.

Here’s a handy video that might assist you (visually) – HTML configuration begins at around the 3:10 mark:

1 user says Thank You to TomC for this useful post

1. maroctravel

[maroctravel Friend maroctravelJoin date: August 2011Posts: 36Downloads:0Uploads:1 Thanks: 16 Thanked: 1 times in 1 posts]

#405600

Hi Tom,

Thanks for your reply. I do appreciate the help. The video is a great tutorial, but not exactly what I meant 🙂

Is there a way to edit the JA Typo stylesheet, so that everytime I choose H1, I get the same color and dont have to go into the HTML to change it. H1 is now set in black and I would like to change this color permanently.

Thanks again!

Best wishes,

Petra

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#405604

Hi,
Could you give me a snapshot with your annotation?

[maroctravel Friend maroctravelJoin date: August 2011Posts: 36Downloads:0Uploads:1 Thanks: 16 Thanked: 1 times in 1 posts]

#405613

Hello Khoand,

Not sure what annotation means :-[

But have a look at this page:
http://www.discover-maroc-travel.com/index.php/component/content/article?id=117

The pratical information page I set up with JA Typo. As you can see the headings are black.

The language and culture page is a page made automatically by using the easy setup.

When I use JA Typo I would like the heading to have a color like on the language and culture page. I assume I should edit the css file for this. I have tried, but for some reason I dont see any changes.

Hope this clarifies my question a bit 🙂

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#405614

You go to Template manager,choose JA Travel template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

[maroctravel Friend maroctravelJoin date: August 2011Posts: 36Downloads:0Uploads:1 Thanks: 16 Thanked: 1 times in 1 posts]

#405616

Ok I did that.
Thanks!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#405848

<em>@maroctravel 258941 wrote:</em><blockquote>Ok I did that.
Thanks!</blockquote>

– You find this code from /plugins/system/jat3/jat3/base-themes/default/css/template.css in the line #41

h1 {
font-size: 180%;
color: red;< add this line
}

– You change this code from /templates/ja_travel/core/themes/brown/css/template.css in the line #47, #179

.item-page h2 a {
color: #DE7058;
}

.travel .ja-tabs-title-left ul.ja-tabs-title li h3 {
background-image: url("../images/bullet.png") !important;
color: #2293C3 !important; < change this line
}

– You change this code from /templates/ja_travel/core/themes/brown/css/typo.css in the line #17, #22, #26

.ja-typo-blockswrap h1.ja-typo-title {
color: #DE7058;
}

.ja-typo-blockswrap h2.ja-typo-title, .ja-typo-blockswrap h4.ja-typo-title, .ja-typo-blockswrap h5.ja-typo-title, .ja-typo-blockswrap h6.ja-typo-title {
color: #DE7058;
}

.ja-typo-blockswrap h3.ja-typo-title {
color: #DE7058;
}

1 user says Thank You to khoand for this useful post

1. maroctravel

[maroctravel Friend maroctravelJoin date: August 2011Posts: 36Downloads:0Uploads:1 Thanks: 16 Thanked: 1 times in 1 posts]

#405889

GREAT! That did it! I really appreciate the trouble!!
Thanks! :laugh:

[Author]

Posts