How to change font size for each line in text widget

  • I would like to have different size fonts for each of my lines in a text widget. I figured out how to make the first line bold, but need to also make the first line a bigger font than the rest of the lines.

    For example, I have two lines in the the widget
    Location
    Maps and Directions

    I want the word Location to be a bigger font than the words Maps and Directions.

    Is there a code that I can add to the widget?

    Thank you for your help.

Viewing 1 replies (of 1 total)

  • I would suggest using a heading or a span class. Like this:

    <h2>This Line Bigger</h2>

    You need to know the name of the <div> tag that the widget is positioned under. You can “View Source” code in most browsers to figure this out. We’ll call it ‘example’. You would then style it in CSS like so:

    h2.example {
  font-size: XXpx;
}

    or you can use a span class like this:

    <span class="example">This Line Bigger</span>

    and style it like this:

    .example {
  font-size: XXpx;
}

    Hope that helps.

Viewing 1 replies (of 1 total)
  • The topic ‘How to change font size for each line in text widget’ is closed to new replies.