regelafstand nieuwe Blogger themes

Line-spacing in Blogger-theme Notable

I have a longish page that I pasted from MS-Word. Now I know that I should not have done it but it's done. I'd like to reformat it and adjust the line spacing or line height. I removed the previous formatting of the last 6 paragraphs at the bottom and don't really like that big line spacing. I'm using Notable Theme. How do I decrease the line spacing?

Thanks for any help.

Bewerkt

Categorieën:FirefoxGet Help with an IssueTemplates, gadgets, HTMLWindows

3 berichten

35 weergaven

1 deskundig antwoord

+1

Content van de community is mogelijk niet geverifieerd of up-to-date.

Vergelijkbare onderwerpen

Changing line height on Notable theme

Huge gaps in Notable theme and font issue

Featured Post Image Not Showing (Notable Theme)

Beste antwoord

26-12-17

K.E. Ram zei:

OK, I found the solution:

added a custom CSS here:
Theme > Customize > Advanced > Add CSS > 

.post-body {

  line-height: 1.2em!important;

}

But it is the !important; part that made it to work.

I'm trying to change the line spacing on the new Notable theme, but it doesn't seem to be working. The gaps between the lines on this theme are really big. I've gone into the html editor and changed this text

.post-body {

  color: $(feed.text.color);

  font: $(feed.text.font);

  line-height: 2;

}

to different sizes but the line spacing stays the same. Can anyone help? Thanks.

Categorieën:ChromeDiscuss Layouts & TemplatesTemplates, gadgets, HTMLWindows

7 berichten

45 weergaven

1 deskundig antwoord

+1

Content van de community is mogelijk niet geverifieerd of up-to-date.

Antwoorden

irsah zei:

Hi Jay,

Welcome to Blogger help Forum..

The new responsive theme uses em's as the CSS measurements (earlier thmemes uses px) so in order to follow through the styling, use line-heights with em's. Before proceeding, make sure you have removed your earlier codes added. Here's how:-

Go to Theme > click Customize > select Advanced > find Add CSS > at CSS box paste below:-

.post-body {

  line-height: 1.4em;

}

Preview changes then click Apply to Blog

By default 1.6em line height is applied. Changing the em's value lower will reduce the line height & vice versa.

More information about em's you can find here.

Regards

+irsah

+1

23-04-17

JayTFT zei:

Thanks for your help, but sadly it didn't work. The default for this theme seems to be line height of 2. So I've tried 1.5 down to 1 and it doesn't make any difference.

+1

23-04-17

irsah zei:

Then use the !important rule like so...

.post-body {

  line-height: 1.4em!important;

}

It will override any styles added and use your custom CSS instead.

+2

irsah zei:

And I think you might have some text formatting issues in your posts. Try to check some of your posts then click HTML mode and see if any awkward HTML tags was included.

If it has, switch to Compose mode, then select All text in editor body then clcik the Tx icon (Remove Formatting). Once done, unselect your text and adjust your line spacing, republish your posts.

23-04-17

JayTFT zei:

Yay, it worked! Thanks a lot for your help.

+1