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

[Mary_8]

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?

[Jon Fritz]

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.

[Nancy OShea · Accepted solution]

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>

[Mary_8]

That's great, many thanks.