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?
Will send Fran to you.
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.
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 ]
One more try:
< p style=”margin-bottom:15px;” > < /p >
Thanks, all.
Though TJ, the problem is that once I leave the HTML tab, what I type does NOT stay that way.
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.
Comments on this entry are closed.