pictorio text wrap/cut off

  • Unknown's avatar
    bassdogg · Member ·

    Hi,

    Just having a slight issue with the pictorio theme.

    The headings on the feature image on the home page. If the words are too long, they are being split over 2 lines.

    You can see this on the screen shot here – http://imgur.com/wXDtf1c

    I added the following CSS

    .blog .site-content .entry-title, .archive .site-content .entry-title, .search .site-content .entry-title {
    -ms-word-wrap: normal;
    word-wrap: normal;
    }

    which has stopped the headlines going over the 2 lines, but some of the words are being cut off now. Also the title of the site is still split over the 2 lines (when on landscape on a tablet). If any one has any ideas, that would be great.

    Thanks, Matt

  • Unknown's avatar
    hallluke · Member ·

    Hi Matt,

    Could you provide the URL to your blog so we can confirm you’re hosted here on WordPress.com and take a look at the issue in situ?

  • staff-happychia · Staff ·

    I think the site is http://rebootyou.co/ as I can see in the screenshot linked in the original post above.

    Seems this problem is fixed as I see “Are your animals happy” post title shown in the screenshot is looking fine on the blog?

    bassdogg, please confirm.

  • Unknown's avatar
    hallluke · Member ·

    On the “Are your animals happy?” and “Around the world with meditation” posts you have a non-breaking space in between the last two words in the title. This is what is stopping the words from splitting to a new line and meaning the end of the final word gets cut off. In order to fix it you should go to these posts and try retyping the title so that you are using normal spaces – nothing tricky, just press the space bar.

    If that doesn’t work then you can use the character code for a normal space to force the issue, the character code is as follows, but without the spaces which are just there to stop the forum from turning it into an actual space:

    & # 32 ;

    If you need a better explanation (with a helpful image) then it is the same as described in this post. Let me know if you’re still stuck after trying this out.

  • Unknown's avatar
    bassdogg · Member ·

    Hey guys! Thanks for getting onto this so fast!
    hallluke- Yep I had to ‘force the issue with the code – but it is sitting right now!
    Now, the only other thing that is still happening is the title of the site ‘Rebootyou’ the ‘u’ is still dropping onto the next line. This only occurs on landscape on mobile/tablets.

    Thanks for helping out!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, let’s give this a try. It slightly reduces the size of the site title (from 1.85em to 1.5em) for screens/windows that are 1200px and narrower using a Media Query. 

    @media screen and (max-width: 1200px) {
	.site-title {
		font-size: 1.5em;
	}
}
  • The topic ‘pictorio text wrap/cut off’ is closed to new replies.