I appreciate the help, Kyle, but there’s not much to look into. It’s a very simple problem.
I just installed the theme, imported the demo content, and have just begun to change the fonts.
I installed a couple of fonts, including Proxima Nova, and Avenir Next LT Pro.
All I want is to use a different font for the various parts of the mega menu. (see attached)
The problem is, the custom fonts I uploaded aren’t reflecting on the page (and they’re substituting for a regular sans-serif font).
The only custom CSS I have is the following:
#main-navigation li {
text-transform: uppercase;
}
nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, nav.std-menu ul.sub-menu {
text-transform: capitalize !important;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title {
font-family: 'ProximaNova-Reg', Helvetica, sans-serif;
letter-spacing: 1px;
font-weight: 700;
font-style: normal;
font-size: 13px;
text-transform: uppercase !important;;
}
li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > ul.sub-menu .sf-std-menu {
font-family: 'avenirnextregular', serif;
}
It’s an inconvenience to have to manually edit different headings on the site. It’s difficult because of course, I wasn’t the one to code it so I don’t know which text is which.
I haven’t gotten to the Product pages yet but I imagine it’ll also take me a while to do because of the various typography elements my client wants me to edit. (breadcrumbs, price, product name, product tags)
Atelier is a powerful theme, but in other themes I’ve purchased (Maya, Salient), they provide more elaborate options for typography. If you could release an update in the hopefully near future, I’m sure it will be very helpful for all your customers.
It would be very helpful if you could get back to me ASAP with a solution as I have been stuck on this for the past 2 days.
Attachments:
You must be
logged in to view attached files.
.