Jump to content
Sign in to follow this  

How to do fonts in base/child theme?

Recommended Posts


Hello, I have framework 2.4.1, and I've got the child (base) theme installed and activated for my css customizations.  I also have google fonts installed as a plugin and they work when I call them from the "Typography" section.


However, what I can't figure out is how to call them from within the child theme.  When I try this:


.masthead .masthead-title {
    font-family: "Cabin Condensed",sans-serif;
    font-weight: 500;
    font-style: bold;
    color: #FFB90F;
    font-size: 58px;
    text-shadow: 3px 3px 4px rgb(85, 85, 85);

The font defaults to sans.  I can put any google font in that first slot, and it doesn't work.  The other stuff, i.e., color, weight, shadow all work fine.

I'm sure this is super elementary, and I just don't know what I am doing wrong.  Thanks in advance for help.

Share this post

Link to post
Share on other sites



Not sure what you're referring to when you say "Call them within the child theme", you use the Typography settings.

However, if you're referring to using multiple Google webfonts then you will need to view the instructions given here.


Please search our forums, before posting!

Share this post

Link to post
Share on other sites

That's the deal.  Thanks man!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio+
      I am working on a multisite installation and had some questions regarding the themeing options. All the sites will have the same structure but each individual site would need a different h1 font and link color. I had originally thought that I would program/edit the parent theme to have a certain set of templates, font sizes, etc. and then that would feed to all the individual sites where I could activate the child theme and use the child theme to define the individual sites' specific link color, heading fonts, etc. So, what I was shooting for was:
      Parent theme = shared by all sites
      Child theme = specific to the minor customizations on a per site basis.
      Is this possible? Am I misunderstanding how these would actually deploy to the different sites?
    • jagipson
      By jagipson+
      Should be a simple answer but not sure why its not doing this.  I have a child theme installed on pagelines 5 that has a hook so it will write over the theme css. Strange is that when I am on the frontend the code works but in the dashboard your theme takes over my code and its no where to be found. See examples attachments
      @Andrew @Danny

    • TallTree
      By TallTree+
      I am trying to remove the sidebar areas from my child theme (pagelines.com) from the post pages on a site:
      The content is all the way to the left and very small, and the two sidebar areas are taking up a lot of space.
      What I'm after is content to the left, taking up most of the space, and then a small sidebar width on the right for widgets.
      I've tried selecting 'read width content' and 'full width content' in the edit screen for the WP content section, but it doesn't change.  If I try to move the sidebars (1 or 2) to the left, it doesn't change.
      If I select the pagelines framework theme (not child), the two sidebars go away when not selecting them in the edit screen..
      Can someone please tell me what I'm doing wrong?
      Thanks in advance.
    • dbrowne02
      By dbrowne02+
      Hi, I noticed that framework and pagelines.com child theme has a number of errors when run through themecheck. The others, like material and bootstrap, don't have any errors when run through theme check. Is there a way to get it so that there are no errors on the child theme?

    • Michael Kummer
      By Michael Kummer+
      Hi guys!
      I'm using the following typography configuration in Pagelines Settings:
      <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
      font-family: 'Open Sans', sans-serif;
      But Lato is still being loaded according to Google Page Speed. Do you know how I can prevent Lato from being loaded if I'm not using it?