Highlighted

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

Explorer ,
Oct 23, 2018

Copy link to clipboard

Copied

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?

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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>

Views

238

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

Explorer ,
Oct 23, 2018

Copy link to clipboard

Copied

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?

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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>

Views

239

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 23, 2018 0
Adobe Community Professional ,
Oct 23, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 23, 2018 1
Adobe Community Professional ,
Oct 23, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 23, 2018 1
Mary_8 LATEST
Explorer ,
Oct 24, 2018

Copy link to clipboard

Copied

That's great, many thanks.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 24, 2018 0