adjusting text line-height

5,750 views
Skip to first unread message

nicko...@gmail.com

unread,
Jan 14, 2016, 4:24:40 AM1/14/16
to Google Web Designer beta
Hi,
I copied and pasted some text from lorem ipsum, changed the font size but the line0height was huge, lots of spacing. How can I adjust it with the interface as I see no option?

Thanks.

Sukhbir Kaur

unread,
Jan 14, 2016, 2:01:00 PM1/14/16
to Google Web Designer beta
Hi,

Can you try adding line-height in CSS panel and see if it works ? If not,  can you please send us your sample file  @ gwd-s...@google.com so we can  debug it further.

If possible please provide some more details to reproduce this issue .

Thanks
Sukhbir
(GWD Team)

ch...@gqpsf.com

unread,
Jan 20, 2016, 1:18:18 PM1/20/16
to Google Web Designer beta
I'm having the same problem.
I can make the line height 1 px and it doesn't do anything

.gwd-span-9b7m {
font-family: 'Lucida Console', Monaco, monospace;
font-size: 11px;
color: rgb(102, 102, 102);
letter-spacing: 0px;
line-height: 1px;
background-color: rgba(0, 0, 0, 0);

but if I make the line height a large number like 30px its definately opening it up

i've tried using percentage, pt size, pixel size. same thing I can open up the leading using all these but I cant go smaller then the default for the text px size.

I can do this in adobe edge so it can be done.

Sukhbir Kaur

unread,
Jan 20, 2016, 3:03:54 PM1/20/16
to Google Web Designer beta
Hi Chadd,

Can you please let me know how are you pasting the Text in the Ad file ? Is it  Edit > paste with text tool selected , or Edit >paste special  or Edit > paste with selection tool selected . 

I tried the following steps and it worked for me .

2. Copy  Lucida Console example text 

       This is a heading 

3.Go to Google Web Designer  select Text tool and create a Text container 
4.Select Menu >Edit > paste
5.  Now I see the formatted  text  pasted in the container 

 To edit this "text" in GWD  
1 DoubleClick on the text container 
2 Select the text tool
3.Select the container inside the red boundary  and update the line height in CSS panel  for that class 




If you are still seeing the issue please send us your sample file  @ gwd-s...@google.com so we can  debug it further.

I hope this helps ! 

Thanks
Sukhbir
(GWD Team)


ch...@gqpsf.com

unread,
Jan 20, 2016, 3:46:34 PM1/20/16
to Google Web Designer beta
With the text tool selected I used edit/paste (command V)

I see what i did wrong I added line-height: 9px; to the <span class> and not the <p class>. It's slightly confusing why do the 2 classes have font information in both of them? seems redundent but i'm not a coder.

.gwd-p-vge9 {
position: absolute;
width: 661px;
height: 91px;
left: -148px;
top: 1px;
font-family: 'Times New Roman';
color: rgb(0, 0, 0);
line-height: 9px;
}
.gwd-span-5vz8 {


font-family: 'Lucida Console', Monaco, monospace;
font-size: 11px;
color: rgb(102, 102, 102);
letter-spacing: 0px;

Sukhbir Kaur

unread,
Jan 20, 2016, 4:13:18 PM1/20/16
to Google Web Designer beta
Hi Chadd,

Good to know it is working for you now.By default when you create a Text container it creates a <P> tag in Google Web Designer. We are still working on the Text tool updates for our future releases.

Currently when you paste a formatted text from outside with different text style/ tag GWD adds it inside a <p> as a span or heading etc .

So If you need to edit the pasted text please go to nested level of the text container and format the pasted Text .

karata...@gmail.com

unread,
Sep 21, 2017, 12:17:47 PM9/21/17
to Google Web Designer beta
Thanks.
Reply all
Reply to author
Forward
0 new messages