Jump to content

Archived

This topic is now archived and is closed to further replies.

Olly

Double Line Spacing Issue in TextBox section

Recommended Posts

Olly

I am trying to paste some basic HTML in the TextBox on this page: http://www.maryqueenofscots.net/challenge-crown/

 

The TextBox appears under the square image of the write and displays the bullet points and the amazon buttons. When I edit it the line spacing is fine but the moment I save it and reload, everything swithches to double line spacing?! Can anyone tell me what the problem is and how to fix it?

 

Many thanks in advance.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Can you paste the code you're adding please, as Chromes dev tools is displaying two <br> tags.

 

http://cl.ly/image/2G3O2k2h3d2L


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Olly

This is the code I am pasting in the Text Box:

<B>Hardcover:</b> 464 pages<BR>
<B>Publisher:</b> Book Guild Ltd<BR>
<B>Publish Date:</b> 26 July 2012<BR>
<B>Language:</b> English<BR>
<B>ISBN-10:</b> 1846246466<BR>
<B>ISBN-13:</b> 978-1846246463<BR><BR>
<div class"AmzHomepageOrderBox">
<div class="row">
    <div class="homebookbox span6">
            <img src="http://www.maryqueenofscots.net/wp-content/uploads/2013/11/amazon.co_.uk-logo-transparent-bg-100px.png" />
             <a class="btn " href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-uk-hardback/"><i class="icon-chevron-sign-right icon-large"></i> Hardback</a>
    <a class="btn" href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-uk-kindle/"><i class="icon-chevron-sign-right icon-large"></i> Kindle      </a>
     </div>
    <div class="homebookbox  span6">
             <img src="http://www.maryqueenofscots.net/wp-content/uploads/2013/11/amazon.com-logo-transparent-bg-100px.png" />
      <a class="btn " href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-com-hardback/"><i class="icon-chevron-sign-right icon-large"></i> Hardback</a>
    <a class="btn" href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-com-kindle/"><i class="icon-chevron-sign-right icon-large"></i> Kindle      </a>
    <BR><BR></div>
</div>
</div>
	
	  <div id="gr_add_to_books">
    <div class="gr_custom_each_container_">
      <a href="https://www.goodreads.com/book/isbn/1846246466" style="border:none" target="_blank"><img alt="The Challenge to the Crown - The Struggle for Influence in the Reign of Mary Queen of Scots 1542-1567 (Volume 1)" src="https://www.goodreads.com/images/atmb_add_book-70x25.png" /></a>
    </div>
  </div>
  <!-- the identifier in the following script tag can be a GR book id or an isbn -->
  <script src="https://www.goodreads.com/book/add_to_books_widget_frame/1846246466?atmb_widget%5Bbutton%5D=atmb_widget_1.png" type="text/javascript"></script>

Share this post


Link to post
Share on other sites
James B

Hi there, paste it in without the <br> tags. The textbox uses wpautop - https://codex.wordpress.org/Function_Reference/wpautop which is why you're getting the double spaces when you add the <br> tags in.

 

http://screencast.com/t/wwBqUzttpyo

<B>Hardcover:</b> 464 pages
<B>Publisher:</b> Book Guild Ltd
<B>Publish Date:</b> 26 July 2012
<B>Language:</b> English
<B>ISBN-10:</b> 1846246466
<B>ISBN-13:</b> 978-1846246463<BR>
<div class"AmzHomepageOrderBox">
<div class="row">
    <div class="homebookbox span6">
            <img src="http://www.maryqueenofscots.net/wp-content/uploads/2013/11/amazon.co_.uk-logo-transparent-bg-100px.png" />
             <a class="btn " href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-uk-hardback/"><i class="icon-chevron-sign-right icon-large"></i> Hardback</a>
    <a class="btn" href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-uk-kindle/"><i class="icon-chevron-sign-right icon-large"></i> Kindle      </a>
     </div>
    <div class="homebookbox  span6">
             <img src="http://www.maryqueenofscots.net/wp-content/uploads/2013/11/amazon.com-logo-transparent-bg-100px.png" />
      <a class="btn " href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-com-hardback/"><i class="icon-chevron-sign-right icon-large"></i> Hardback</a>
    <a class="btn" href="http://www.maryqueenofscots.net/go/the-challenge-to-the-crown-robert-stedall-amazon-com-kindle/"><i class="icon-chevron-sign-right icon-large"></i> Kindle      </a>
    <BR><BR></div>
</div>
</div>
	
	  <div id="gr_add_to_books">
    <div class="gr_custom_each_container_">
      <a href="https://www.goodreads.com/book/isbn/1846246466" style="border:none" target="_blank"><img alt="The Challenge to the Crown - The Struggle for Influence in the Reign of Mary Queen of Scots 1542-1567 (Volume 1)" src="https://www.goodreads.com/images/atmb_add_book-70x25.png" /></a>
    </div>
  </div>
  <!-- the identifier in the following script tag can be a GR book id or an isbn -->
  <script src="https://www.goodreads.com/book/add_to_books_widget_frame/1846246466?atmb_widget%5Bbutton%5D=atmb_widget_1.png" type="text/javascript"></script>

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Olly

THanks that seemed to fix things. I was confusing since the live update preview does not show the same formatting when you refresh.

Share this post


Link to post
Share on other sites
James B

You're welcome, glad you're sorted.

 

Yeah it is confusing as its doesn't render correctly until the page is refreshed.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

×