Need help? Check out our Support site, then


Responsive Theme - Custom Font Size Doesn't Work

  1. Hello, hope you can help

    Am trying to change the Custom Font size of the Responsive theme but it doesn't seem to be working. The header titles remain their default large size. I'm using Firefox 21.0 under Linux Mint 14.

    Sincerely, Phil

    The blog I need help with is alienfiction.com.

  2. No changes you try out aside from those such as Custom Background, Custom Header and Theme Options which are stated on the theme description pages for each theme will be visible to visitors unless you purchase an annually renewable custom design upgrade.

    These are 3 ways to change fonts on wordpress.com blogs.
    (1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor.
    http://wpbtips.wordpress.com/2009/07/11/formatting-text-pt-5/

    (2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

    (3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts.
    http://en.support.wordpress.com/custom-design/custom-css/
    Custom Design - Frequently Asked Questions
    http://en.support.wordpress.com/custom-design/#frequently-asked-questions
    http://en.support.wordpress.com/custom-design/editing-css/
    http://en.support.wordpress.com/custom-design/custom-fonts/

  3. Hi

    I have both the Custom Design and CSS upgrades but the Responsive theme still doesn't seem to be responding to my changes ;-)

  4. Oh, oh that doesn't sound like any fun at all. I have tagged this thread so it gets moved to the CSS Forum for you.

  5. Am trying to change the Custom Font size of the Responsive theme but it doesn't seem to be working.

    It sounds like perhaps your CSS either didn't have the right selectors or wasn't specific enough.

    Here is an example to get you started. This will change the font size for post titles on the home page as well as singel posts and pages in the Responsive theme:

    h1.post-title,
    h1.post-title a {
    	font-size: 30px;
    }

    Adjust the 30px value as needed.

    Note that you can also right-click on elements on the page, select the "Inspect Element" option, and that will open a panel where you can see all the CSS that is being applied to what you clicked on. You can usually find the required CSS selector by reading through the rules listed in the panel on the right.

Topic Closed

This topic has been closed to new replies.

About this Topic