Good day. I’m building a new site with the latest version of X-Pro and I seem to have dug myself into a bit of a hole, so I’m looking for some advice.
To begin, my client is requiring me to use custom fonts. I tried everything I could to get the X-Pro font manager to load and recognize the fonts and could not get it to work. So, I decided to load the fonts onto the server and use @font-face in the Custom CSS window to access the fonts.
I now have quite a lot of CSS code in the Custom CSS window, as I’m editing for every device. I seem to be having many issues that are hard to explain, but I’m starting to believe that I may be having conflicts between my CSS and the CSS that’s attached to the theme (just a theory, of course).
I decided that I want to move the CSS out of the Custom CSS window, within the Theme, and place the code into the style sheet in the Child Theme. I’m thinking, perhaps, I’ll have fewer issues if I’m using the actual style sheet(?). However, when I take the CSS out of the Custom CSS window in the Theme and paste it into the style sheet, the CSS does not get applied. I’m a little confused by this as I’m using the child-theme that came with the version of X-Pro I downloaded.
Perhaps if I simply clear my cache, the style sheet will be recognized? What are your thoughts regarding this?
I probably could have avoided a lot of work if I was able to use the custom font manager in X-Pro, however, when I add the fonts to the Media library, through the Custom Font Manager, I am then unable to see the fonts in the Library when I try to add the custom font to the font library. Are you aware of any issues around this?
Any thoughts you can share will be appreciated.