Change body text font size across all posts – overwrite HTML

  • Hi everyone,

    My website kjvbibleonline.org has over 1,000 posts on it, all of which the font is far too small (e.g. https://kjvbibleonline.org/2-chronicles-chapter-1/). I am trying to update the font size to 20pt across all posts without having to do it manually.

    The HTML on each page says font size = small. I have edited the stylesheet.css to try and overwrite the HTML, however this doesn’t seem to be working.

    I have searched tirelessly for a solution online, so apologies if this has already been covered ??

    Appreciate your advice!

Viewing 2 replies - 1 through 2 (of 2 total)

  • kellettj, I took a look at some of your content and you have a bunch of inline styles that is overriding the styles set in stylesheet.css. For example, I’m looking at the text at https://kjvbibleonline.org/genesis-chapter-30/ and the style tag is all over the place like

    <span style="font-size:20px;">

    So, what you’re going to want to do to is add a style in your stylesheet that does something like this:

    span[style]{
font-size: inherit;
}

    Which will reset the span font style when theres an inline style entered. There may be some more specific tweaks you have to do for it to work right, but that seems to be the overall issue. FWIW, the font size looks fine on my monitor.

    Thread Starter kellettj

    (@kellettj)

    Thanks, Ben – that worked a treat! Great to learn a new trick ??

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change body text font size across all posts – overwrite HTML’ is closed to new replies.

Tags