Not clear on font selection

I’m creating a Pro Header, the Global one in fact. It has only Bar 1; an Image element in Container 1 and a Headline element in Container 2 which has some text in it.

In Theme Options | Typography, I have selected a Google font and color for Headings, and a different font and color for Body and Content. Font Manager is not enabled.

When I go the Pro Header editor, select this global header, and edit it, then select Container 2, then select the Headline element, and then the Inspector, it looks like I can set all kinds of properties for this Headline. For example, there’s an area called Text Format, where I can select the Font Family.

When I first selected a font family, I noticed that the Headline’s font seemed to change accordingly. I changed it again, and then again, because it hadn’t changed before, and now it was changing when I selected a different value among Inherited, Body, Headline, and Font3 (which I had made in Typography). But then it stopped changing when I selected a different Font Weight - the font weight didn’t change, and then when I selected a different Font Family that didn’t change either.

It seems like changing the Font Size always produces a change; the Font Weight never does; and I’ve now seen Font Family sometimes change, but mostly not, except selecting Inherit has sometimes caused the font to change (to what, I don’t know, nothing I’ve selected), but at this moment even that doesn’t do anything.

Something may have changed after I cleared the browser cache, I can’t tell whether that’s what did it. There are no cache plugins running on my WordPress installation.

What is going on, can you tell from this description?

I had, up to just a few minutes ago, had several browser tabs open to various pages (e.g., one for Theme Options, one for Typography, one for the Header editor). But I closed all tabs but the Header editor and that didn’t improve things.

How can I get my WordPress site to respond properly to the Pro UI?

(Windows 10, new Edge (although the same thing happens if I edit in other browsers)). It shouldn’t matter that I have other Edge windows open with unrelated URLs, right? Or other browsers with unrelated URLs.

What am I missing, please?

Hi Frank,

It seems that the culprit is browser cache. I suggest that you use the Google Chrome browser while creating your website.

I also suggest that you enable the Font Manager, it is a better way of handling the fonts. You need to enable the Font Manager and then you can set many font aliases with whatever font family you like. Those aliases will be available in the headline or text elements and you can select them.

The good point about using the Font Manager is that for example you added a font in font manager with an alias of Frank and set that to be Lato font.

Now you can go to different portions of the website and different elements and set the font to Frank. Now for some reason, if you want to change the font, you can simply go to the Font Manager and change the font of Frank to Open Sans for example, and all the elements containing the Frank font will change to Open Sans. It also should fix whatever cache problems that you might have.

For more information about the Font Manager please read this article.

Thank you.

Super, thanks for the tip, I’ll check out font manager and use Chrome.

But here’s some followup questions, because I suspect that something in my local environment or workflow is causing problems with editing my WordPress site. I thought it was my previous framework (which I’m pretty sure had its own problems), so I ditched that and bought completely into Themeco, but still seem to have similar issues.

  1. I also have the new Edge browser which is built on Chromium.

Microsoft Edge is up to date.Version 80.0.361.69 (Official build) (64-bit)
This browser is made possible by the Chromium open source project and other [open source software].
© 2020 Microsoft Corporation

I also use a browser called Brave, which is really good and less intrusive than the big brands. It’s also based on Chromium project.

Version 1.5.115 Chromium: 80.0.3987.149 (Official Build) (64-bit)](httpsbravecomlatest)

Shouldn’t these browsers behave identically to Genuine Google Chrome as far as interacting with Pro and all its paraphernalia?

  1. Is it OK to have multiple tabs open, all with various pages of the Wordpress/Pro environment (e.g., one for the list of pages in the site, one for Theme Options, one for Typography, one for UberMenu, etc.), or would that potentially cause problems in editing and generating the files that make up a web site? I understand that I’d need to refresh/reload what’s in each tab in order to see the changes made in the other tabs, that doesn’t bother me. But if it causes some kind of conflicts on the back end, then it’s not a good workflow. What’s your take on that please?

  2. If I have other browser windows open, multiple browsers including Firefox, Chrome, Edge, Brave, with lots of tabs going - but only one browser window logged into WordPress admin editing my site (with multiple tabs per #2 above?), that couldn’t cause problems with site generation, files, Pro UI. Is that correct?
    3a. Do I have to enable 3rd-party cookies? Any other browser settings important?

  3. Is there anything in Windows; a setting, or the fact that I use a Microsoft account to log on to the machine, or I have Outlook and OneNote open…anything? Anything that could cause the Pro environment to behave improperly (like not updating immediately, preventing options from being seen, etc.)?

  4. I have no cache or other meta-type plugins running on my WordPress installation (turned off Siteground’s SG Optimizer), just UberMenu, Envira Gallery, maybe a couple other inocuous things. Is there anything else about my WordPress environment or installation that could be causing such problems?

Any advice, thoughts, comments, suggestions on this would be most appreciated. Thanks.

Hello Frank,

1.) Regardless of which browser you are using, even if they are built based on Chromium, they have separate caches and there are slight differences in rendering the page.

2.) Opening several tabs with different pages having WordPress and Pro environment should not cause any problems at least to your site. It drains your computing resources though. For example, if you are using Chrome and have several tabs opened, your computer memory suffers because Chrome is now known to be a memory hugger. Other than that, WordPress backend should load fine and not have any issues because once it is loaded on that tab, then you’re good to go with any work you might be doing on that page. Several opened tabs workflow is just they way it is for rapid development. That is also how we do on our end. One tab opened to the Theme Options, another one tab for editing a page, then another for the live view and so on.

3.) Having several browsers open at the same time even with just one tab per browser will much more to your computing resources because it will eat up your computer memory, processes and all of the computing power of your machine. With your WordPress environment, it will not though much. It will not cause any problems. Keep in mind that your WordPress environment will be handled by your server or hosting provider.

4.) Nothing should cause any problems because you are using Windows or anything open in your machine while you are access the Pro environment.

5.) To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Best Regards.

Thanks for your reply. Things seem to be working properly at this point, so I’m off and climbing the learning curve here.

Couple quick rookie questions please:

  1. Is there a place to set the background color for the whole site, or at least a whole page? I can do it for the header and footer, but can’t find where for the bare content area, before I put any sections in.
  2. When I edit a page that has existed since before I installed Pro (and deactivated then deleted my former framework), it comes up in Pro with a few things (a red button, a text entry field, some text) in the content area, where there shouldn’t be anything, and there’s no way to select, edit, or delete them. When I edited the page using the native WordPress editor, I saw some things in the page and deleted them, but it seems like they weren’t the things that are still showing up in the Pro editor. I partially cleared my local browser cache (don’t want to completely toss my cookies on this one), didn’t help. Could it be something else?

Thanks.

Hello Frank,

1.) You can change the global background color in Pro > ThemeOptions > Layout and Design > Background Options.

2.) When an existing page is edited in Pro Editor, only the page content area is editable. If you have a sidebar, it will still appear in the Pro editor.

And if you want to take control of the whole fullwidth, you will need to change the page template to Blank - No Container | Header, Footer. For more details about the different page templates in the theme, please check this out:

Best Regards.

Thanks, that’s helpful. I’ll do some reading.

Speaking of which, can you point me to a good overview of how themes, pages, containers, posts, categories, portfolios, etc., relate to CSS, the WordPress interface, frameworks, and the generation of html output? Is there even such a thing?

Thanks.

-Frank

Hi Frank,

There are many sources in the internet that you can check. For the native WordPress features you can start with:

And for our theme related stuff your best bet is:

And:

Thank you.

Thanks, much appreciated.

You’re welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.