WordPress.org

Forums

[resolved] Changing font size and/or width of heading text. (13 posts)

  1. Terry
    Member
    Posted 2 years ago #

    On this site:

    http://www.backtothecave.org/

    I'd like to make the top text fit on single line. Can I widen the length of this OR make the font a bit smaller? Perhaps if I know where the font code is.

    Thank you.

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    Have you a Child Theme or Custom Style/CSS plugin?

  3. Terry
    Member
    Posted 2 years ago #

    I don't have a child theme. I've read about that issue however, and could create one. OR is it easier to install a "custom style/CSS" plugin?

    THanks.

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    It is easier to install a custom css / style plugin, which of course will only work for CSS (what you ant anyway). Child Themes can hold greater modification.

    I recommend this plugin
    wordpress.org/extend/plugins/custom-css-manager-plugin/

  5. Terry
    Member
    Posted 2 years ago #

    Okay. I installed it. Is it going to be too much work for you to explain how I change that font now? I imagine I will have to paste the code in the correct location, etc.

  6. Terry
    Member
    Posted 2 years ago #

    Im looking at the video on the creator's web site now.

  7. Andrew
    Forum moderator
    Posted 2 years ago #

    Not any trouble,

    You now need only apply the CSS.
    May you provide more information on which heading you're referring to?

    Here's a tutorial explaining how to use these CSS styles
    http://www.w3schools.com/css/css_font.asp

  8. Terry
    Member
    Posted 2 years ago #

    I will look at both videos. You'll see the header on this page.

    http://www.backtothecave.org

    I want to change the text that says "Society for the Renewal of AMerican Politics". See how it wraps around? Either make it smaller or make the space in which it goes wider

    THanks.

  9. Terry
    Member
    Posted 2 years ago #

    Okay - so I used GOOGLE CHROME like the Plugin creator suggested. This allows you to "inspect" the code easily. I can see the CODE, but don't know how to find it on my site. I've done a bit of searching. I can't copy and paste the code, but I see it says

    <body class="blog custom-background two-column content-sidebar">

    Thanks

  10. Andrew
    Forum moderator
    Posted 2 years ago #

    Try this CSS;

    #site-title a {
     font-size: 32px;
    }
  11. Terry
    Member
    Posted 2 years ago #

    Put it in the style file?

  12. Andrew
    Forum moderator
    Posted 2 years ago #

    Try putting it in the allocated area from the Custom CSS Manager plugin.

  13. Terry
    Member
    Posted 2 years ago #

    Great . That worked. Did the trick. Thanks much!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags