WordPress.org

Ready to get started?Download WordPress

Forums

Mon Cahier
Reducing Menu and Post Text Size (7 posts)

  1. pointchaser
    Member
    Posted 1 year ago #

    I'm trying to reduce the text size of the menu and the posts. I've scoured through tons of wordpress forums, but none of the suggestions worked for the Mon Cahier theme. My website is http://www.pointchaser.com. Thanks in advance for your help!

    http://wordpress.org/extend/themes/mon-cahier/

  2. Christine Rondeau
    http://www.bluelimemedia.com
    Theme Author

    Posted 1 year ago #

    Hi there,

    The easiest way to change the font size is to make a child theme and then change the font-sizes in the style.css of the css. Yesterday, I wrote a blog post explaining how to make a child theme and change the font family.
    http://www.bluelimemedia.com/2012/09/22/mon-cahier-child-theme/

    For you, your stylesheet would have the following:

    body,
    button,
    input,
    select,
    textarea {
    	font-size: 14px;
    	font-size: 1.4rem;
    }
    
    .main-navigation a {
    	font-size: 16px;
    	font-size:1.6rem;
    }

    That would reduce the fonts by 2px for both the body and the navigation.

    If you have jetpack installed, there's also an option to have custom CSS. You could also try that, but I that feature is pretty new and I haven't had a chance to play with it yet.

  3. the northernist
    Member
    Posted 1 year ago #

    That worked perfectly to change the menu font size Christine. However, the child page links visible as drop downs are still the same size text as they were before. Oddly enough, I can only see drop down child pages in my child theme, not in the original. Any thoughts about what code might need to be changed in a child theme to change that font size? My site is http://www.thenorthernist.com

  4. Christine Rondeau
    http://www.bluelimemedia.com
    Theme Author

    Posted 1 year ago #

    Hi Rachel,

    I looked at your site and I think that the subnav if indeed 16px, but you're right it looks big.

    Try adding the following to your child style.css

    .main-navigation ul ul a {
           font-size:12px
           font-size: 1.2rem;
    }

    This will make the font much smaller. I find it easier to go for really small, just to make sure that it's really working and then I adjust to my liking.

  5. the northernist
    Member
    Posted 1 year ago #

    Hi Christine,

    I've tried adding your suggested code various ways in the child style.css and I'm not seeing any change. I cleared my cache just in case. Any other thoughts? Thanks.

  6. Christine Rondeau
    http://www.bluelimemedia.com
    Theme Author

    Posted 1 year ago #

    You're missing a closing } after the body:

    body,
    button,
    input,
    select,
    textarea {
    	font-size: 14px;
    	font-size: 1.4rem;
    
    .main-navigation ul ul a {
    	font-size: 12px;
    	font-size: 1.2rem;
    }

    Change it to :

    body,
    button,
    input,
    select,
    textarea {
    	font-size: 14px;
    	font-size: 1.4rem;
    }
    
    .main-navigation ul ul a {
    	font-size: 12px;
    	font-size: 1.2rem;
    }
  7. the northernist
    Member
    Posted 1 year ago #

    Brilliant, thanks very much.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags