Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Also, you’re making the CSS selectors out to be more complicated than they are. In the Plugin’s “Add CSS Selectors” interface you simply need to type in a very stripped down version of the selector.

    So, if you want to change the font of your bulleted lists, you simply create a font control called “bulleted lists” or whatever (that field is arbitrary), then under “Add CSS Selectors” you type “ul” (minus the quotation marks) for “unordered list” and hit tab. For numbered lists, you type “ol” for “ordered list,” “blockquote” for block quotes, h1 for top level headers, h2, h3, and so on and so forth.

    Creating those Font Controls for the headers might actually fix the header issue, I just didn’t try that.

    I use Chrome on a Mac and I control click (right click) on the element (bit of text, or space, or graphical element) I want to see the code for. This brings up a panel to the right of the browser window that displays the CSS for the selected element. The panel is in two sections, and the CSS is in the lower section. Copy the first CSS command you see there (it should say something like what I wrote above) and paste that into a custom CSS tool. I use the “WP Add Custom CSS” plugin, but there are several.

    Replace the names of the fonts that your theme is using with the font you want. Yes, I just used “fontyouwant” as a placeholder for whatever font you actually want. Use the same grammatical format as I used above. The quotation marks and colon are important.

    You should actually give the style element three font choices, since some browsers will not support the one you really like. And they should go in order of most specific to least, like so:

    {
    font-family: “Brawler”; “Times”; “Serif”;
    }

    This is telling the browser to use Times if Brawler isn’t supported and to use any serif font if Times isn’t supported.

    Incidentally, I don’t think it matters that I’ve selected the font in Easy Google Fonts’ “Typography” interface. Something just seems to be wrong with plugin. However, I do think that the plugin is still providing the Google Font to the theme. Otherwise you’d need to go to Google Fonts, grab the code for the fonts you want, and paste them into a child theme CSS file, which is above my pay grade.

    I actually found that I could get my Headings to change by changing them in both the plugin and in my custom CSS.

    I used this:

    .font-headlines, h1, h2, h3, h4, h5, h6 {
    font-family: “fontyouwant”;
    }

    you will have to see how your headings are tagged in your theme’s CSS.

    Still, I fail too see why this should be necessary.

    Same problem, following.

    Thread Starter mike.a.75

    (@mikea75)

    I gave it 5 stars. Not sure why it looks like no stars.

Viewing 5 replies - 1 through 5 (of 5 total)