• 0

PostPins DMS2 Post Pins issue: last letters of words are going to next line

Question

Posted · Report post

hi.

 

I'm trying to use PostPins to display some posts and its having an issue.

 

the headers are not breaking at each word and its putting lone characters on the second line.

 

what can be done to correct this?

 

break.jpg

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

I would need help to solve this as there are things going on in Firefox and IE. Probably the developer could update and change these rules:

 

Firefox: Now

 

.postpin {
    -moz-hyphens: auto;
    word-break: break-all;
}
 
break-all should be normal
 
IE 11
 
media all
.postpin {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    background: #f6f6f6;
    border: 1px solid #ffffff;
    margin: 8px 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}
 
Not sure why two rules there but either break-all; or break-word; should be changed to normal 
 
Using both of these it fixed the problem. However, I am not clear on how to write Browser specific CSS. However....add this to your fallback CSS in wp-admin > Pagelines
 
.postpin {
    word-break: normal;
}
 
And it solves the problem :phew:
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi John - could we have a link to your site please?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Odd... see the issue in Firefox and IE but not chrome

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm getting it on chrome.

 

strange for sure. I use postpins in pagelines classic and its pretty solid.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Tested on a mock site I have and similarly ok on chrome, not good on IE or Firefox

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I don't suppose some simple <nobr> tags in the code would keep thing from falling apart?

 

I'd like to use this but don't want the client to see it like this.

 

should I use something else?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

ok, that seems to be fixing it.

 

 

thanks,

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ive reported this to our tracker.

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now