• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Site Help? – Font Sizes and Spacing

Home › Community Forums › Adapt Theme Support › Site Help? – Font Sizes and Spacing

Tagged: Font size, navigation, spacing, Widget title size.

  • This topic has 2 replies, 2 voices, and was last updated 8 years, 11 months ago by Raymond.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 17, 2014 at 1:46 pm #10079
    Raymond
    Customer

    Hello All, I have searched the forums and tried to make some changes in the CSS, but I am still having trouble, therefore, I am submitting this request.

    Here is my site:
    http://lanceweiss.com/

    What I would like to change but having trouble with:

    1. My navigation menu – I would like to increase the font size.
    2. My widgets on the right column – I would like to increase the title font size.
    3. On the homepage, I want to have a shorter spacing between posts.

    I’ve tried but for some reason I can’t get it to work for these 3 things. I am very happy with my site, just trying to change these few minor things. Any help would be greatly appreciated!

    Thanks – also, if anyone is ever in NYC and wants to come to a show, just let me know!
    Thank you!!!

    January 17, 2014 at 9:19 pm #10082
    Jason M
    Customer

    To increase the font size look at line 1532 in your style.css –

    .genesis-nav-menu {
    color: #ccc;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    }

    The widget title can be found on line 941 –

    .sidebar .widgettitle {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    }

    For the spacing on the homepage, take a look at line 1754 –

    .entry {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    padding: 0 0 24px;
    padding: 0 0 1.5rem;
    }

    Since they use px and rem for padding/margin and font sizes, you’ll need to change both the px and rem size. I would erase the rem and adjust the px to figure out what size you need, and then go to a site like this – https://offroadcode.com/prototypes/rem-calculator/ to figure out the equivalent size in rem.

    In the future you may want to split up your questions into separate threads since that’s part of Appfinite’s rules here to make everything easier to search – http://appfinite.com/topic/forum-rules/

    I watched a couple of your videos by the way, and I’m loving it! I can definitely relate to this one – http://lanceweiss.com/do-you-ever/ Keep up the good work!

    March 8, 2014 at 7:21 pm #11192
    Raymond
    Customer

    Hey Jason,

    Sorry I am just now responding. I sincerely apologize. I just wanted to say thank you so much for this information. It came in handy a couple months ago. I have since changed my site to a different template that better serves my purpose, but Appfinite makes awesome sites. Mainly,I’m not that skilled at it and the template I currently have is just easier for me to personally use, but I think you guys make great stuff and I wanted to thank you for your help.

    Thanks for checking out some of my videos. I appreciate it. Super cool of you dude! Thanks for the kind words. I’m glad you enjoyed them. Oh yeah, that’s a fun clip too. hahaha, I’m glad you get it. ๐Ÿ™‚

    Thanks man, if you’re ever in NYC, and want to come to a show, just let me know.

    http://lanceweiss.com/

    Awesome, thanks dude!
    Lance

    PS – sorry I didn’t originally submit through the correct forum. I apologize. Thanks so much!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework