WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to change font size for landing pages (6 posts)

  1. dmr440
    Member
    Posted 3 months ago #

    Hi I'm using the Twenty Twelve theme and want to change the size of my fonts. The H1 heading option isn't big enough for what I want. Here is a link to a page that has the size of fonts/text I'm trying to achieve: http://endofwebreport.com/

    This isn't my page nor am I promoting it just to keep things P.C on here. Can anyone point me in the direction for tutorials? I'm pretty much a newbie when it come to HTML and CSS which is why I use WordPress. I cannot afford Thesis theme which would be ideal. Is there a plugin that could make things simpler or do I need to learn CSS or something similar.

    This is for a landing page so I'm not worried about SEO.

    Thanks for viewing my question, any help would be appreciated.

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 months ago #

    in style.css of a child theme, or via a 'custom CSS' plugin, try something like:

    .home h1 { font-size: 30px; }

    .home is the specific CSS class for the home page, as output by the code body_class() of the theme; http://codex.wordpress.org/Function_Reference/body_class

    individual formatting suggestions can really only be made once you post a live link to your site.

  3. dmr440
    Member
    Posted 3 months ago #

    thank you for your reply. Because I'm completely new at this, where do you i suggest I put this code in the css editor for my theme?

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 months ago #

    generally, it is not recommended to edit any files of the default theme Twenty Twelve directly.

    if you have the plugin 'jetpack' installed already, consider to activate and use the custom CSS section of it; or find one of the plugins http://wordpress.org/plugins/search.php?q=custom+css

    or, if you also intend to make customisations of the templates, consider to create a child theme http://codex.wordpress.org/Child_Themes and add the edits to the CSS into style.css of the child theme.

    if you rather disregard the above suggestions, simply add any new styles at the bottom of style.css of your theme.

  5. dmr440
    Member
    Posted 3 months ago #

    Thanks again for your help. Will try to do something with this over the next day or two

  6. dmr440
    Member
    Posted 3 months ago #

    I installed Jetpack then pasted your code. Thanks again for your help, i can play around with things from here. You rock!

Reply

You must log in to post.

About this Topic