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

Explorer ,
Oct 23, 2018 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?

Views

318

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
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Oct 23, 2018 Oct 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>

Likes

Translate

Translate
Adobe Community Professional ,
Oct 23, 2018 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
community guidelines
Adobe Community Professional ,
Oct 23, 2018 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, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

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
community guidelines
Explorer ,
Oct 24, 2018 Oct 24, 2018

Copy link to clipboard

Copied

LATEST

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
community guidelines