WordPress 911!

by wjw on July 9, 2013

I have spiffed up my page of ebook links, which I now recommend to you all as a model of clarity and attractiveness.  I added thumbnails of the covers of all the books, just to make it all the prettier.

My original problem in attempting this was that the thumbnails tended to pile up and over and around each other, a phenomenon all you old HTML coders will doubtless recognize.  No matter how many empty lines I added, WordPress wasn’t interested in adding any more white space around the illos.

Fortunately Kathy remembered the old HTML command [br clear=all] (I am replacing pointy brackets with blunt ones, just so this isn’t read as a command).  I was able to add this command directly to the HTML, and it adds a hard return so that nothing’s crowding in on anything else.

I discerned the fly in the ointment when I discovered was that whenever I clicked away from WordPress’s HTML tab, the command [br clear=all] was automatically replaced by [ ], which so far as I can tell does nothing at all.  All the illos began to pile up on each other again.

I had to manually insert the clear=all command over 20 times without clicking away, and then saved the page.  Browsers will read it properly, even if WordPress doesn’t like it, and you now have an attractive and readable page to enjoy.

The problem will come when I need to add something to the page.  WordPress will automatically change everything again, and I’ll have to manually insert the command more than 20 times, and then have to do this over and over for the rest of my life, apparently.

Are there any WordPress experts out there?  Is there a WordPress command that says, “I mean what I say here, don’t fuck with this!”

Or is there a WordPress equivalent to clear=all that I can use instead, and that won’t vanish whenever WordPress throws a snit?

Any ideas?

{ 6 comments… read them below or add one }

Oz July 9, 2013 at 10:43 am

Will send Fran to you.

Kathy July 9, 2013 at 7:36 pm

Copy the code to a txt file. Each time you need to make a change, make it in the txt file and then upload that.

TJIC July 9, 2013 at 9:21 pm

Wordpress entries may be edited in either WYSIWYG mode, or in HTML mode.

Go into the HTML mode (there’s a small tab atop the edit box), and then what you type will STAY that way.

…and you can also use real CSS, so you could write

[ let’s hope that the less than and greater than marks in that render correctly ; if not I’ll try again ]

TJIC July 9, 2013 at 9:22 pm

One more try:

< p style=”margin-bottom:15px;” > < /p >

wjw July 10, 2013 at 4:52 am

Thanks, all.

Though TJ, the problem is that once I leave the HTML tab, what I type does NOT stay that way.

drakes July 20, 2013 at 1:33 am

TJIC is right, the way to address this is with CSS.

Instead of fighting Wordpress’s editor, a simple rule in a separate .css file should do the job.

Try this:

.ebook-store h3 { overflow: hidden; }

in one of the .css files being used, like this one:
wp-content/themes/thesis_17/custom/layout.css

which you may be able to edit from within Wordpress’s theme editor.

The rule is scoped to a class appearing on your Ebook Store page and shouldn’t affect the rest of the site. Debugging the page it worked for me in a couple of browsers I tested, though I don’t have IE older than 10 at the moment.

Leave a Comment

Previous post:

Next post:

Contact Us | Terms of User | Trademarks | Privacy Statement

Copyright © 2010 WJW. All Rights Reserved.