Joomla Templates Club 406,261 posts

[jonathaneustace Friend jonathaneustaceJoin date: June 2009Posts: 40Downloads:0Uploads:0 Thanks: 3]

#149055

I’ve been looking everywhere, and in all the CSS files but I cannot for the life of me find where you change the color of the Cufón fonts.

Anybody know where I can change the Colour?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#334056

http://www.joomlart.com/forums/topic/how-to-install-cufon-dtr-and-configure/

Have fun!
John.

[jonathaneustace Friend jonathaneustaceJoin date: June 2009Posts: 40Downloads:0Uploads:0 Thanks: 3]

#334058

Yes, I’ve read that… specificly “(Note that size and colour of your Cufón fonts will be controlled by CSS and some other things like text-transform: uppercase; but some styles like underline or bold can’t.)
”

I just cannot find where in the CSS do I change the color (which css file is it in, and which lines?)

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#334263

Dear jonathaneustace!

The ja halite template is using the following codes to controll the Cufón .

<script type=”text/javascript”>
Cufon.replace(
‘.ja-slide-desc .title, h1.componentheading, .blog .componentheading, .blog .contentheading, div.moduletable h3, div.moduletable_default h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3’,
{ fontFamily: ‘Bebas’ }
);

Cufon.replace(
‘.jav-search span.jav-search-title, .jav-search .button, .jav-has-votes h4’,
{ fontFamily: ‘Bebas’ }
);

Cufon.replace(
‘.ja-slide-desc h3’,
{ fontFamily: ‘Bebas’, color: ‘#fff’ }
);

Cufon.replace (
‘.logo-text h1’,
{ fontFamily: ‘Bebas’, color: ‘-linear-gradient(#fff, #bbb, #fff)’, textShadow: ‘#ccc 1px 1px’ }
);
</script>

Read those codes, you known the elements using Cufón and you ‘ll re-make style for them in the template.css file.

Good luck

[Author]

Posts