Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 29, 2013 at 2:39 pm #24007
    pgamet

    Hi,

    I want to make all the text (headers, paragraphs, etc) in my site larger. I created a style.css and played with changed the p, h1, and body tags but changes don’t show up. Do I have the style sheet attached incorrectly? Any tips about the responsive nature of fonts. I see you have the body set for px and em. Not sure if there is a magic formula for changing these two numbers. Thanks!

    I created a child theme and put this in the css:

    /*

    Theme Name: Enfold Child

    Theme URI: http://example.com/

    Description: Child theme for Enfold

    Author: Paige Gamet

    Author URI: http://example.com/about/

    Template: enfold

    Version: 0.1.0

    */

    @import url(“../enfold/style.css”);

    body {font: 24px/1.9em }

    p {font-size: 30px;}

    h1 { font-size: 120x; line-height: 2.1em; margin-bottom: 20px;}

    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }

    h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; } /*28*/

    h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; } /*21*/

    h5 { font-size: 16px; line-height: 1.1em; } /*17*/

    h6 { font-size: 14px; line-height: 1.1em; }

    .main_menu .menu li a strong {

    font-size: 25px;

    }

    May 30, 2013 at 7:55 pm #121981
    Nick

    Hi,

    You are going about it all wrong. What you need to do is install Chrome Developer Tools. This is what we use to modify CSS live. Easy to use and no need to know much css even. Take a look at the videos and in 15 minutes you will solve your problem. http://www.youtube.com/watch?v=TvJflwF8eYM and http://www.youtube.com/watch?v=dNsM2PUkZ1g

    To create a child theme. Just use this plugin, and then look at the files the plugin made, compare them to yours and you will see where the problem was http://wordpress.org/plugins/child-themify/

    CSS is based on 2 concepts specificity and cascade. a naked h1 tag has little specificity and chances are (100%) that after your h1 tags , the theme’s original h1 tag definitions will come later in the cascade and will override your h1 tags since in a child theme they will be the very first css processed in the cascade.

    Thanks,

    Nick

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS and Text/font size’ is closed to new replies.