Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1378650
Columns
Closed

Comments

  • D-FOrm started the conversation

    Hello.   I am using columns shortcode but would like to reduce the padding in the middle and top of  the column.  The top photo is not in a column.

  •  2,700
    PenciDesign replied

    Hi,

    Can you show me the link for this case?

    Best Regards,

    PenciDesign

  • D-FOrm replied

    Hello,


    The site is currently only hosted on my computer (not live yet).   Here is a snippet of the code from the post.  The pictures are aligned in this format (from top to bottom)  1-2-1-2-1.  Only the two photo groups are in columns to help them scale and align in a single row.  I just want the two photos in the columns to be closer together.  If possible I'd also like to reduce the space between the photos above as well.  

    <div class="separator" style="clear: both; text-align: justify;">
    <img class="aligncenter size-full wp-image-1578" src="http://localhost/lifejustso/wp-content/uploads/2017/09/2017-06-2301.31.561.jpg" alt="" width="1199" height="1600">
    [columns size="1/2" last="false"]<img class="aligncenter size-full wp-image-1592" src="http://localhost/lifejustso/wp-content/uploads/2017/09/IMG_0109-24.jpg" alt="" width="1066" height="1600">[/columns][columns size="1/2" last="true"]<img class="aligncenter size-full wp-image-1591" src="http://localhost/lifejustso/wp-content/uploads/2017/09/IMG_0093-21-Copy.jpg" alt="" width="1066" height="1600">[/columns]<img class="aligncenter size-full wp-image-1590" src="http://localhost/lifejustso/wp-content/uploads/2017/09/IMG_0091-19-Copy.jpg" alt="" width="1066" height="1600">
    [columns size="1/2" last="false"]<img class="aligncenter size-full wp-image-1589" src="http://localhost/lifejustso/wp-content/uploads/2017/09/IMG_0081-17-Copy.jpg" alt="" width="1066" height="1600">[/columns][columns size="1/2" last="true"]<img class="aligncenter size-full wp-image-1588" src="http://localhost/lifejustso/wp-content/uploads/2017/09/IMG_0053-13-Copy.jpg" alt="" width="1066" height="1600">[/columns]
    <img class="aligncenter size-full wp-image-1586" src="http://localhost/lifejustso/wp-content/uploads/2017/09/IMG_0038-10-Copy.jpg" alt="" width="1066" height="1600"></div>
  •  2,700
    PenciDesign replied

    Hi,

    Ok, if so, please try add more this code to Customize > Custom CSS to do that:

    .penci-column.column-1-2{ margin-right: 2%; margin-bottom: 10px; }
    .column-1-2{ width: 49%; }
    .aligncenter, div.aligncenter, .alignnone{ margin-bottom: 10px; }

    Best Regards,

    PenciDesign