Skip to main content
sunitac2231600
Level 4
Sep 26, 2016 8:34 PM UTC
Solved

Display Font Issue in Publish Instance

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
kautuk_sahni
kautuk_sahniAccepted solution
Level 9
Oct 4, 2016 8:59 AM UTC

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                 

Kautuk Sahni
View in thread

3 replies

Tuhin_Ghosh
Tuhin_Ghosh
Level 8
Sep 27, 2016 2:18 AM UTC

This looks like some kind of css problem. could you attach some plain screen shot of the problem without editing. You may blur the client name and client specific data. I want to see the exact css classes, that are loaded in the developer console.

 

Thanks and Regards,

Tuhin

Translate
sunitac2231600Author
Level 4
Sep 27, 2016 10:32 AM UTC

Hi Tuhin,

Please find the below screenshot. Please let me know If you need anything else.

Thanks for your response.

Translate
kautuk_sahni
kautuk_sahniAccepted solution
Level 9
Oct 4, 2016 8:59 AM UTC

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                 

Translate
Kautuk Sahni
Terms & ConditionsAccessibility statement

Loading footer...