Joomla Templates Club 406,261 posts

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#187805

Hi,

Is anyone know how to change font-family and font-size for JA Side News? A.S.A.P.

Thanks in advanced!

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

#494212

<em>@marvelous development 374597 wrote:</em><blockquote>Hi,

Is anyone know how to change font-family and font-size for JA Side News? A.S.A.P.

Thanks in advanced!</blockquote>

Can you provide the url of the site you’re working on?

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#494269

Hi,

http://www.marvelous.my

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

#494331

<em>@marvelous development 374678 wrote:</em><blockquote>Hi,

http://www.marvelous.my</blockquote>

Is your JA Side News module activated on your current site?

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#494335

yup. it were in position 1,2,3..

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

#494336

Need you to put your site in “Development Mode” – within your Template Manager.
Let me know when you’ve done this

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#494350

Hi TomC,

I already put my site in development mode =)

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

#494366

Try this . . . .

Within file path –> /t3-assets/dev/abstract/templates.ja_mero.less.core.less.css

at line 1, you will see the following:


body {
background-color: #29304c
color: rgb(60, 194, 162);
font-family: 'open_sansregular', sans-serif;
font-size: 13px;
line-height: 20px;
margin: 0;
}

Modify the “font-family” property . . . save — clear cache — refresh

See if this works as you want.

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#494427

Hi,

Thanks for the solution. But, wont it change all the font in the body for whole website? I just want to change it in JA Side news only..

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#494544

This will help you change font-family and font-size

Open templates/ja_mero/css/custom.css file

Add new script


.ja-sidenews .ja-sidenews-desc {
font-size: 120px;
font-family: 'open_sans_lightregular', sans-serif;
}

.ja-sidenews .ja-sidenews-desc h3 {
font-size: 120px;
font-family: 'open_sans_lightregular', sans-serif;
}


2 users say Thank You to Ninja Lead for this useful post

1. marvelous development
2. TomC

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#494595

Hi Ninja,

So happy! The exact answer that I’m looking for. Thanks!

1 user says Thank You to marvelous development for this useful post

1. JA Developer

[Author]

Posts