Tagged: additional css
- This topic has 8 replies, 2 voices, and was last updated 5 years, 10 months ago by Tinus53.
-
AuthorPosts
-
June 19, 2018 at 2:30 am #147941Tinus53Participant
Hi,
I tried to add Hyphens to my Website, but it does not work.
I added this code to the Additional CSS Section:
body {
-ms-hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
It seams working only the preview window while adding the code but not when I called the Website with my browser.Please give me an idea how to add hyphens to all sections of my Website.
The URL is: http://sf-plochingen.schachvereine.deRegards
BernhardJune 19, 2018 at 3:08 am #147944SkandhaParticipant@tinus53: Can you please elaborate where you want to use the hyphens on your website?
Kind Regards,
SkandhaJune 19, 2018 at 4:48 am #147952Tinus53ParticipantI’d like to use hyphens in Posts and on Pages. Perhaps in the calender in the sidebar.
June 19, 2018 at 7:02 am #147955SkandhaParticipant@tinus53: I’m sorry but for what would you like to use the hyphens. Is it for word-break or for something else?
Kind Regards,
SkandhaJune 19, 2018 at 7:54 am #147958Tinus53ParticipantYes, for hyphenation (word-break).
Regards
BernhardJune 19, 2018 at 8:39 am #147960Tinus53ParticipantI found this code in the stye.css at line 1203:
#content article {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}So I think hyphens is allready included in the theme.
But I cannot see any effect.Regards
BernhardJune 20, 2018 at 1:26 am #148004SkandhaParticipant@tinus53: I checked your site and the hyphens seems to be working well. You can see that a hyphen is used when a word in the article overflows to the next line.
Let me know if you have anymore issues.
Kind Regards,
SkandhaJune 20, 2018 at 3:14 am #148007Tinus53ParticipantI’m sorry but I don’t see any hyphens. Neither in the IE nor in the chrome browser.
The hyphen in “Schach-Dauerlauf” is not added automaticaly, it is added by myself in the editor.When I go to the Additional CCS Section I see much more hyphens in the preview window.
How can I add an attachment to make more clear what I mean?Regards
BernhardJune 20, 2018 at 3:30 am #148013Tinus53ParticipantHere are two screenshots. I took them in the Customizers -> Additional CSS Section.
As you can see, there are some more hyphens. I marked them with red circels.http://sf-plochingen.schachvereine.de/sfp2/wp-content/uploads/2018/06/hyphen-1.png
http://sf-plochingen.schachvereine.de/sfp2/wp-content/uploads/2018/06/hyphen-2.pngThis hyphens are not displayed when I call the website with my browser: http://sf-plochingen.schachvereine.de
Regards
Bernhard -
AuthorPosts
- The topic ‘How can I add hyphens to my website’ is closed to new replies.