Fixing Column Spacing

  • Resolved harveyl12

    (@harveyl12)


    7 years, 4 months ago

    [ Moderator note: moved to Fixing WordPress. ]

    Hi,

    I am using the column importer in WordPress https://camerabeanbags.co.uk/test/gallery/

    and i am wanting my layout to be 2 images on each row and then the another 2 on the row below but when trying this there is a massive space between the rows and in the code when inspecting there is a load of paragraph codes.

    How can i get my rows closer together or what is the correct column code to be using in the WordPress page?

    Thanks,

    Harvey

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

  • Hi, @harveyl12

    I just check your website Column Spacing due to <p>&nbsp;</p>, Please remove this.

    https://i.is.cc/2P3s2IDf.png

    Hope this will help.

    Thanks.

    • This reply was modified 7 years, 4 months ago by wbcomdesigns.
    Thread Starter harveyl12

    (@harveyl12)

    I dont know where to remove this from as these tags are not built within the pages.

    I have already noticed this… have you got any idea where these are pulling from

    Thanks,

    Harvey

    Thread Starter harveyl12

    (@harveyl12)

    https://camerabeanbags.co.uk/test/test/

    fixed now on my new test page. Was because i was using returns to move the tags down ??

    Glad to hear that

    Please follow below HTML structure for 2 images in one row. for the third image you have to wrap row class.

    <div class="row">
   <div class="col-md-6">
      <a href="">Link text</a>
      <a href=""><img src="your image" /></a>
   </div>
   <div class="col-md-6">
      <a href="">Link text</a>
      <a href=""><img src="your image" /></a>
   </div>
</div>
<div class="row">
   <div class="col-md-6">
      <a href="">Link text</a>
      <a href=""><img src="your image" /></a>
   </div>
   <div class="col-md-6">
      <a href="">Link text</a>
      <a href=""><img src="your image" /></a>
   </div>
</div>

    And for the massive space remove wordpress autowrap function. write this code in your function.php file

    remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Fixing Column Spacing’ is closed to new replies.