Skip to main content
Known Participant
October 23, 2018
Answered

Bootstrap line-height of footer text [Branched from DW 18.2 line height of code view]

  • October 23, 2018
  • 2 replies
  • 873 views

I have a similar question but it is about adding a css custom line height for some text. Bootstrap css sets various line heights and I know I must not interfere with that css file. How can I add a css line height rule that simply applies to the text in my page footer as the line-height selector is already used by Bootstrap?

    This topic has been closed for replies.
    Correct answer Nancy OShea

    I have branched this to a new discussion for you as your question has nothing to do with DW code view.

    Do not edit Bootstrap code.  Always add custom styles to your custom.css file.  Footer text is typically inside a <p> tag in your <footer> tag. 

    CSS:

    footer p {line-height: 1.5 !important}

    HTML

    <footer>

    <p>This is my footer text</p>

    </footer>

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    October 23, 2018

    I have branched this to a new discussion for you as your question has nothing to do with DW code view.

    Do not edit Bootstrap code.  Always add custom styles to your custom.css file.  Footer text is typically inside a <p> tag in your <footer> tag. 

    CSS:

    footer p {line-height: 1.5 !important}

    HTML

    <footer>

    <p>This is my footer text</p>

    </footer>

    Nancy O'Shea— Product User & Community Expert
    Mary_8Author
    Known Participant
    October 24, 2018

    That's great, many thanks.

    Jon Fritz
    Community Expert
    Community Expert
    October 23, 2018

    Create a .css file for BS overrides, then link to it after the BS .css file in the head of your page.

    Whatever css setting is used last in the cascade is the setting the browser will use on your text.