Shorten the post title with CSS

• 

  designerobot

  |

  Participant

  | June 4, 2019 at 3:07 pm

  In past you helped me to shorten the portfolio’s post title and not let it go on two lines. You suggested to me to insert this piece of script in content-portfolio.php

  <?php if(etheme_get_option('project_name')): ?>
                      <?php
                          $title = get_the_title();
                          if( strlen( $title ) > 22 ){
                              $title = substr( $title, 0, 22 ) . '...';
                          }
  
                      ?>

  Now my question is, is there a way to move this script from content-portfolio.php to style.css? In order to have something like this:

  @media only screen and (max-width: 1200px){
     /* title is 25 characters */
  }
  
  @media only screen and (max-width: 992px){
     /* title is 20 characters */
  }
  
  @media only screen and (max-width: 768px){
     /* title is 15 characters */
  }

  Thanks

  Theme version: 5.0.1

  #214955 copied to clipboard
  

  Olga Barlow

  |

  Support staff

  | June 4, 2019 at 3:12 pm

  Hello,

  1) That code is not the script, it’s PHP code.
  2) You can’t use PHP code in the CSS file. CSS file accepts only CSS code.

  Regards

  #214957 copied to clipboard
  

  designerobot

  |

  Participant

  | June 4, 2019 at 3:16 pm

  Thanks for the quick response. I understood the difference.
  Isn’t there a way to make the PHP code communicate with the CSS code?
  Do you say it’s impossible to get what I asked for earlier?

  #214958 copied to clipboard
  

  Olga Barlow

  |

  Support staff

  | June 4, 2019 at 3:56 pm

  Hello,

  There is no way to limit word by N characters using CSS.

  Regards

  #214965 copied to clipboard
  

  designerobot

  |

  Participant

  | June 4, 2019 at 9:08 pm

  I solved, thanks!

  #214982 copied to clipboard
  

  Rose Tyler

  |

  Support staff

  | June 5, 2019 at 7:04 am

  Hello,

  You’re welcome!
  Have a nice day.

  Regards

  #214992 copied to clipboard
Viewing 6 results
1 through 6 (of 6 total)