Display Font Issue in Publish Instance

[sunitac2231600]

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.

[Tuhin_Ghosh]

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

[sunitac2231600]

Hi Tuhin,

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

Thanks for your response.

[kautuk_sahni · Accepted solution]

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