Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › body font row height inconsistent
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › body font row height inconsistent
- This topic has 12 replies, 3 voices, and was last updated 10 years by Kyle – SUPPORT.
-
Posted in: Neighborhood
-
March 8, 2014 at 12:52 pm #55682
Hi –
From time to time I notice that the body font row height is inconsistent across browsers and computers (they all see the same problem).
Notice on this page where paragraph 1 is what I want but 2 and 3 are much wider. Font is exactly the same and checked coding, nothing snuck into the text I put there.
http://digitaldevotee.com/boogie/?portfolio=the-night-market-branding
What’s wrong with it?
March 10, 2014 at 9:31 am #55874Hi, paragraph 2 and 3 are wrapped in paragraph tags while the first one is not, that’s why the paragraph line height for full width elements gets assigned to the second and third, but not the first one.
You can use this css to make them the same:
.full-width-text p { line-height: 22px!important; }
March 13, 2014 at 6:37 am #57135Hi – I didn’t wrap them in <p> tags and when I view the code for that in Swift Page Builder I don’t see any <p> tags so that doesn’t make sense to me. I don’t want to add custom CSS because I should be able to control that in the theme’s body text height. Here’s the code inside SPB…
[one_fourth] [/one_fourth] [one_half]<a href="http://www.thenightmarket.com.hk" target="_blank">The Night Market</a> owners commissioned Latitude 22N with the design of a visual identity that would capture the essence and honesty of a Taiwanese street food market place and present it in a relevant, functional, playful and enticing manner to the contemporary HK diner. Drawing inspiration from the vibrant and chaotic atmosphere of the Taiwanese night markets, we created a journey for the restaurant with printed material, dinnerware and interior elements filled with humor and unexpected twists. The identity was entirely hand rendered to reflect the straightforwardness of the markets and asserts a quirky and individual style making a strong stand in Hong Kong’s dining environment. [button colour="white" type="standard" size="small" link="http://digitaldevotee.com/boogie/collections/the-night-market/" target="_self"]TABLEWARE[/button] [button colour="white" type="standard" size="small" link="http://digitaldevotee.com/boogie/?portfolio=the-night-market-fragments" target="_self"]FRAGMENTS INSTALLATION[/button][/one_half] [one_fourth_last] [/one_fourth_last]
March 13, 2014 at 10:11 am #57191I didn’t say you wrapped them, I’m saying they ARE wrapped. Feel free to check the sourcecode if you’re in doubt.
So Either add an empty line before your first paragraph to trigger the automatic p tag adding or use my custom css to adjust the line height to the one of your liking.
Thank you!
March 13, 2014 at 10:35 am #57207And I am asking you why, if I didn’t do anything to cause this, is it broken? I am calling it broken because I set the line height for body text already. I want you to address this to the developers rather than making me fix it with a custom CSS that will force my whole site to obey something I might want to change in the dashboard with one click instead of teaching my client CSS. This is the way the theme is intended to be used or they wouldn’t make a line height setting at Font Size Option > Body Font Line Height.
It’s happening in all my portfolio items http://digitaldevotee.com/boogie/bespoke-projects/
Can you please pass this on to developers?
Thanks.
March 13, 2014 at 11:13 am #57226Hi
It’s not anything caused by the theme, it’s the way they have been formatted. You need to make all 3 paragraphs. Did you paste some from word or something?
– Kyle
March 13, 2014 at 11:26 am #57236hi kyle – i probably did but the thing is i can’t see any formatting going on (see above code). and what melanie mentioned is that the <p> is what’s screwing up the settings so i don’t want to add more of those. just now i removed my text, put it in notepad and recopied, i still see no <p> to remove! how do i get it out of there if i can’t see it?
March 13, 2014 at 11:34 am #57241Have you switched to the plain text editor? This is where you will see the
tags.
If you could provide me with a log in I can check the formatting.
– Kyle
March 13, 2014 at 11:38 am #57244in both classic and SPB when i look at the text editor i see no wrapping that’s why I am complaining in the first place. will pass you login privately.
March 13, 2014 at 11:38 am #57245This reply has been marked as private.March 13, 2014 at 12:20 pm #57268Hi
It’s because the first paragraph was not separate to the opening column shortcode, I have fixed this now.
– Kyle
March 13, 2014 at 1:12 pm #57294ok thanks. i guess what i also needed to know is that the fullwidth text box forces the line height to 28px instead of using what i set in the theme options of 22px? i guess that’s why melanie wanted me to use CSS but i wouldn’t have figure out that i needed to make a space. anyway thanks for helping me figure this out.
March 13, 2014 at 1:24 pm #57302No problem
– Kyle
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.