• Registered: 2012-12-04
  • Posts: 2

Topic: Spacing on Wordpress

http://www.clairscakes.com/?page_id=88

I've embedded the gallery into a Wordpress page using the code below, but I'm unhappy with the amount of space between the top of the gallery and the page header where it says "Cakes". Is there any way to easily fix this?

<!--START JUICEBOX EMBED-->
<script src="http://www.clairscakes.com/gallery2/cakes/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'http://www.clairscakes.com/gallery2/cakes/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
  • Registered: 2012-04-24
  • Posts: 5,906

Re: Spacing on Wordpress

It looks like your WordPress installation is inserting <p> and <br /> tags in your embedding code which is adding extra space between the text 'Cakes' and the top of the gallery.
If you look at the source of your web page, your gallery's embedding code looks like this:

<p><!--START JUICEBOX EMBED--><br />
<script src="http://www.clairscakes.com/gallery2/cakes/jbcore/juicebox.js"></script><br />
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'http://www.clairscakes.com/gallery2/cakes/',
  });
  </script></p>
<div id="juicebox-container"></div>
<p><!--END JUICEBOX EMBED--></p>

... whereas, it should look like the code in your original post.

When entering the embedding code, make sure that the method of entry is 'HTML' rather than 'Visual'.
If that does not help, try temporarily reverting to the default WordPress theme to see if your current WordPress theme is the cause of the extra HTML tags.

  • Registered: 2012-12-04
  • Posts: 2

Re: Spacing on Wordpress

Thanks for that. Looks like I'll be messing with the code for a while :)