Return to previous page

Topic: Shorten the post title with CSS - by designerobot

designerobot

Participant

June 4, 2019 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 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 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 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 9:08 pm

I solved, thanks!

#214982 copied to clipboard

Rose Tyler

Support staff

June 5, 2019 7:04 am

Hello,

You’re welcome!
Have a nice day.

Regards

#214992 copied to clipboard