Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#206175

I noticed that there are many places where font spacing in words is > 100% in Teline V

I need to make font spacing 100% only as most of RtL languages have cursive (connected) letters.

Is it possible to do it globally? in custom.css for example…

Thank you.

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

#569867

Hi Aratype,

Within this template, we set for various elements with letter-spacing:1px;

If you want to reduce, you can add the class of elements you want to reduce this value to ‘custom.css’. For example:


.heading-sans-serif,
.category-name a,
.article-tools h6,
.topic-articles h2 small {
letter-spacing: 0;
}


or any other classes you want to change.

Regards,
Saguaros

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#569922

Thank you,

Not sure if this apply to all as I still see font spacing in the Main menu (http://www.tiqana.net)

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

#570059

You can go to file:

and look for this css rule:


.navbar-nav {
width: 100%;
border-left: 1px solid @navbar-default-border;

> li > a,
> li > .separator {
border-right: 1px solid @navbar-default-border;
color: @navbar-default-link-color;
font-weight: @font-weight-bold;
font-size: @font-size-larger;
font-family: @font-family-alt;
padding: (@global-padding / 2) (@grid-gutter-width / 2);
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;


and change the letter-spaciing property to: letter-spacing:0;

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

#735131

You can go to file:

and look for this css rule:


.navbar-nav {
width: 100%;
border-left: 1px solid @navbar-default-border;

> li > a,
> li > .separator {
border-right: 1px solid @navbar-default-border;
color: @navbar-default-link-color;
font-weight: @font-weight-bold;
font-size: @font-size-larger;
font-family: @font-family-alt;
padding: (@global-padding / 2) (@grid-gutter-width / 2);
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;


and change the letter-spaciing property to: letter-spacing:0;

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#570126

Thank you!

I am a little bit disappointed, I did that but the spacing is still here in the menu (you can see that in all the 3 rectangles):

You can test it on the site: http://www.tiqana.net

---

Attachments:

1. 

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

#570235

It’s weird as I still don’t see the change, please try going to less file: /templates/ja_telin_v/less/navbar.less

Look for above rule and make the changes.

1 user says Thank You to Saguaros for this useful post

1. Aratype

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

#735307

It’s weird as I still don’t see the change, please try going to less file: /templates/ja_telin_v/less/navbar.less

Look for above rule and make the changes.

1 user says Thank You to Saguaros for this useful post

1. Aratype

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#570293

Thank you!

I had to change:

navbar.less

magazine.less

1 user says Thank You to Aratype for this useful post

1. Saguaros

[Author]

Posts