please try to add this to the CSS, possibly via a ‘custom CSS’ plugin:
.post_content
{
overflow-wrap: normal;
hyphens: none;
}
Hi Michael, I added it here (on the very bottom) and did not seem to work. Is this the right placement?
/*–
Theme Name: theme51310
Theme URI: http://info.template-help.com/help/
Description: A theme for WordPress 3.8.x
Author: Template_Help.com
Author URI: http://info.template-help.com/help/
Template: CherryFramework
Version: 3.1.2
–*/
/* —————————————-
Please, You may put custom CSS here
—————————————- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
section.fixed_parallax_section {
background-size: 100% auto !important;
background-position: left top !important;
}
}
.post_content
{
overflow-wrap: normal;
hyphens: none;
}
seems to have worked – at least I can see the result in my web browser.
if you do not see the result in your browser, please try to clear the browser cache, maybe by reloading the web page.
I’m on an ipad, would that make a differnce? I reloaded and checked another device as well.
I just double-checked, and you are right, the change does not work, on Firefox for example; it worked on Chrome, or there were never any hyphens in Chrome.
to force the change, try to change your CSS to:
.post_content
{
overflow-wrap: normal!important;
hyphens: none!important;
}
No that didnt work. Am I better off trying to put the code on the individual post page?
Am I better off trying to put the code on the individual post page?
no – it is recommended to add CSS code either via theme options, if these exist, or via a ‘custom CSS’ plugin, or into style.css of a child theme.
unfortunately, I cannot check if the code has worked on an ipad (what browser?); however, as far as I can see, the changes have worked on Firefox on a PC.
