Sidebar HTML Acting Weird. Is It Me or a Bug?

  • Resolved daretoeatapeach

    (@daretoeatapeach)


    9 years, 5 months ago

    I have used the Text widget to add this HTML to the sidebar:

    <h2><em><strong>The Chocolate Kiss-Off</strong></em></h2>

<p>Valentine’s Day is around the corner and vats of delicious chocolate are being cooked up to win fair lady’s heart.  But at Carlotta’s Chocolates, Carlotta is found cooking in her own vat of chocolate, and not so deliciously. Arrested for her murder is chocolatier Howie Goldberg, good friend to Persephone ‘Percy’ Cole.  As one of Manhattan’s first female private detectives, Percy is determined to hunt down the real killer. But the sleuth, herself, is being stalked by the murderer, who not only keeps a diary of the latest kills, but records who is next. Percy Cole tops the list. When the lady Shamus finds the illusive killer, will Death be her Valentine? </p>
&nbsp;
<h3><em><strong>The CEO Came DOA </em>(Coming 2016)</strong> </h3>

<img class="alignright size-full wp-image-202" src="https://heatherhavenstories.com/wp-content/uploads/2015/06/CEOfrontcover-thumb.jpg" alt="The CEO Came DOA book cover" width="195" height="279" /><p>Lee Alvarez takes a job ferreting out the saboteur of a start-up company's Initial Public Offering in the heart of Silicon Valley.  Little does she know early one morning she will find the CEO hanging by the neck in the boardroom wearing nothing but his baby blue boxer shorts. Was it suicide? Or was it one of the many people who loathed the man on sight, including  his famous rock singer ex? The bodies start piling up all the while she's planning her very own Christmas wedding.</p>

    Yet when I save this and look at the page, the headers don’t show up as headers and the text doesn’t wrap around the image. The image HTML should work, because I made it by adding the image in a WordPress page and then cutting that HTML from the HTML(Text) tab. In any case, am I overlooking an error or two in my code here, or is this a bug in the theme?

    The theme is Tempura.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Can you post a link to a page in question?

    Thread Starter daretoeatapeach

    (@daretoeatapeach)

    Sorry for the delay, the site has only recently gone live. The site is heatherhavenstories.com.

    Note the sidebar, the image text isn’t flowing around the images. HTML used is in the previous comment.

    Text isn’t flowing in that middle section either, which is also part of the Tempura theme.

    you closing the html tags in the wrong order, at least here:

    <h3><em><strong>The CEO Came DOA </em>(Coming 2016)</strong> </h3>

    but that is not the reason for the missing image alignment;

    the theme only defines the image alignment styles for the #content section, not for the sidebar;
    you might need to add the corresponding styles via a custom CSS plugin:

    img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

    https://codex.www.ads-software.com/Wrapping_Text_Around_Images

    Thread Starter daretoeatapeach

    (@daretoeatapeach)

    Oh! You’re the best. I was able to add the custom CSS to the Miscellaneous area of the theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar HTML Acting Weird. Is It Me or a Bug?’ is closed to new replies.