x

no space between two H1 lines...

I tried to make new H1 tags and H2 and H3 tags in weebly with the embed element.

This is the code:

<h1 style="text-align:left; font-size:28px;">This is a first Heading for Your Page</h1>

But now the two lines of copy in the title appear to close to each other.

There's not enough space between the 2 lines of text.

What can i do?

Lieven

image

2,097 Views
Message 1 of 16
Report
15 REPLIES 15
Square

Hey @lieven23!  Go to the Theme tab, click on Change Fonts, then Paragraph Titles, and try increasing the "line height option there.

2,084 Views
Message 2 of 16
Report

Hi again, 

Thx for your reply.

On a site i found they wrote this

"You can customize the alignment, color and size of the fonts as you need to match your site’s layout."

it was about this code.

<h1 style="text-align:left;font-size:28px;"> This is a first Heading for Your Page</h1>

So my question , how do i add code to this H1 code ,to alter the height between the lines and font used?

Lieven

2,081 Views
Message 2 of 16
Report

I found out the html code is line-height. So i put it in the code, but nothing appears in my site.

It s like the code has no effect on the output of the site.

<h1 style="text-align:left;font-size:28px;line-height:38px;> Go mise en route avec votre terrasse composite et demandez une offre Gratuite.</h1>

2,079 Views
Message 2 of 16
Report

its working now,

but when i try to add an H2 title the text appears very very small

Lieven

http://fr.tercoma.com

2,076 Views
Message 2 of 16
Report
Square

There might not be any styling to handle H2 tags, so you might have to add that youself to the tag or to your theme.

2,062 Views
Message 2 of 16
Report

How do i do that Adam?

I 'm still a newbie

2,054 Views
Message 2 of 16
Report
Square

I think the Paragraph Title font size applies to H2 tags - is that set small?

2,050 Views
Message 2 of 16
Report

 the paragraph title font has no effect on the H2 title.

2,000 Views
Message 2 of 16
Report

i think it maight have something to do with an inline rule in my css stylesheet.

my css stylesheet says this.

h2 {
font-size: 30px;
padding: .5em 0 16px 0;
line-height: 1.25;
color: #494442;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;

1,999 Views
Message 2 of 16
Report

<h2 style="text-align:left; font-size:50px;">This is a first Heading for Your Page</h2>

and when i change font size to 50px is does not do anything , the font size does not change on my page..

1,020 Views
Message 2 of 16
Report
Square

We can't provide assistance with custom HTML and CSS, but if you post a link to your site some of our other Community members might be able to help.

1,016 Views
Message 2 of 16
Report

If i write the first rule or the second it does not matter, it gives exaxtly the same.

<h2 style="text-align:left; font-size:28px;">Terrassses Composite et Bankirai.</h2>

or

<h2>Terrassses Composite et Bankirai.</h2>

My H2 tag also appears different font type when i'm in my css stylesheet.

image

My site

fr.tercoma.com

1,011 Views
Message 2 of 16
Report

I bet something is overriding it.  Try using !important declarations on your inline code like this:

<h2 style="text-align:left; font-size:28px !important;line-height:30px !important">Terrassses Composite et Bankirai.</h2>
989 Views
Message 2 of 16
Report

It Works!

 Thx ,

i like to share and show you my css file ,but somehow i can't get it uploaded , or weebly does not allow.

So i could find the initial overriding somewhere in css code..

968 Views
Message 2 of 16
Report

- No link to site -

? what is 2nd line ?

 ( without seeing anything ... ) would a simple < br /> work ?
 < text size - /// text-size: 150%; > ???      ((( or 160 ... )))

-

see -

https://midwestmusicanddance.blogspot.com/2017/07/ford-ballroom-dance-club-summer-dance.html

inspect element -


- Ford Ballroom Dance Club -

Summer Dance Event

831 Views
Message 2 of 16
Report