WordPress.org

Ready to get started?Download WordPress

Forums

Boilerplate
[resolved] Question about the default hyphen display formatting (3 posts)

  1. smlacy
    Member
    Posted 1 year ago #

    Hi!

    First up, love the Boilerplate theme. It's my first time using it, but I'm liking it a lot.

    I have a slightly uncommon problem. I have a client whose site I'm upgrading from HTML to WordPress. He's an artist and very specific about how his site displays.

    Up until now, he's been using a series of hyphens, like this:
    --------------------------------------------------------------

    to divide sections of his content. He likes using it and it's something he can easily do himself when maintaining his content. (As opposed to using custom divs & borders, which he wouldn't be able to maintain himself.)

    However for some reason, when we put a series of hyphens like that into the Visual Editor, it looks great there, but then comes out completely different in the actual site.

    Below are links to screenshots of exactly what I mean.

    What it looks like in the visual editor:
    http://smlacyart.com/studioescalier/wp-content/uploads/2013/02/weird-hyphens-visual-editor-view.png

    What it looks like within the actual site:
    http://smlacyart.com/studioescalier/wp-content/uploads/2013/02/weird-hyphens-screenshot-view.png

    See how it reduces the number of hyphens and makes the hyphens display as much chunkier?

    I can't for the life of me figure out what styling in the CSS would control this feature. I've found a hack where I typed out the series of hyphens in Notepad++ and then pasted it into the HTML editor and it displays okay. But that's not an ideal solution.

    An example of that is here (with the not-nice hyphens further down):
    http://smlacyart.com/studioescalier/contact/

    If someone could point me in the right direction, I would be eternally grateful!

    Thanks,
    Sarah

  2. Aaron T. Grogg
    Member
    Theme Author

    Posted 1 year ago #

    @smlacy: the first thing that should be done is to explain to the artist that regardless of the type of dash used, that's not how a content divider should be created... there is a perfectly good content divider known as a horizontal row: <hr>. that said, your problem is more than likely a function of WP as it converts & stores the data from the editor into the database. try examining the content in an inspector panel to see if they are the same HTML characters; they likely are not. the only way around this that i can think of is to create a plug-in to change those characters back...

    good luck,
    Atg

  3. smlacy
    Member
    Posted 1 year ago #

    I appreciate your thoughts, Aaron. I will look into that.

    Sarah

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic