Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Display Font Issue in Publish Instance

Avatar

Avatar
Validate 10
Level 3
sunitac2231600
Level 3

Likes

4 likes

Total Posts

90 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 10
View profile

Avatar
Validate 10
Level 3
sunitac2231600
Level 3

Likes

4 likes

Total Posts

90 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 10
View profile
sunitac2231600
Level 3

26-09-2016

Hi All,

I have a webpage where my requirement is that whenever we will click on any navigation item (like home) It should displayed  imagoMediumFont imagoBold.

But whenever I am selecting It is showing selected as  imagoMediumFont imagoBold but in preview It is coming as Arial , as shown in below screenshot.

 

My requirement is that In Preview also it should come as  imagoMediumFont imagoBold.

Can anybody please help me where I need to change this one ?

Thanks in Advance.

View Entire Topic

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,129 likes

Total Posts

6,140 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,129 likes

Total Posts

6,140 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

04-10-2016

Hi

Can you please share how are you trying to achieve this ?

Simple Example:

HTML:-

<ul id="navlist">
    <li id="home"><a class="nav" href="home">Home</a></li>
    <li id="about"><a class="nav" href="about-us">About Us</a></li>
</ul>

CSS:-

.nav { color: green; }
.selected { color: red; }

JS:-

$('#navlist a').click(function(e) {
    e.preventDefault(); //prevent the link from being followed
    $('#navlist a').removeClass('selected');
    $(this).addClass('selected');
});
 

Output:-  Home

  •             About Us     

 

Or 

  •             Home
  •             About Us

Working DEMO:- https://jsfiddle.net/ChrisStanyon/4r5vg/

Try to achieve it by this.

~kautuk