• Resolved scotchan

    (@scotchan)


    I love this theme, but the h1 at the top of each page and post to too large. (I use long page/post titles.)
    Where in the css do I need to shrink the font size? I’ve tried a few to no avail. :-/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Matthias Pfefferle

    (@pfefferle)

    Can you post an example page?

    Thread Starter scotchan

    (@scotchan)

    Here’s an example of what I’m talking about:
    https://workathomeencouragement.com/wealthy-affiliate-review

    I’d like to reduce the font just enough to get a blog post heading like this one on a maximum of two lines. I wouldn’t mind reducing the font on a post-by-post basis, but would prefer the consistency of the same size heading on all posts.

    Thanks,

    Scott

    Theme Author Matthias Pfefferle

    (@pfefferle)

    There are no possibilities to do it with sempress settings yet, so I would suggest you to use a plugin that allows you to add some custom css like jetpack (https://jetpack.me/support/custom-css/) and add the following:

    .entry-header .entry-title {
      font-size: 20px;
    }

    To increase the size, replace the 20 with a higher number and to decrease it use a lower number.

    Thread Starter scotchan

    (@scotchan)

    Thank you!
    That’s very helpful. I didn’t realize jetpack had this capability.
    I’ve also just learned about the so-called “Child Themes”. If I were to use one, is there a particular place in the SemPress css that I would edit this code?

    Theme Author Matthias Pfefferle

    (@pfefferle)

    As I mentioned above, you have to search for

    .entry-header .entry-title {
      …
    }

    and replace the font-size with the size you prefer. You can find it around line 584.

    .entry-header .entry-title, .entry-header .entry-title a {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-top: 25px;
      font-size: 40px;
      margin: 0;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Best way to edit h1 size’ is closed to new replies.