Home>Support>How to have Read More links line up across 2 boxes

How to have Read More links line up across 2 boxes

Hello everyone,

I am using PageBuilder to create 2 boxes with text that line up next to each other. I’d like to add a Read More link at the bottom of each box and have the links stay in the same location in each box. So that the Read More links are in line with the other Read More links in the next box. I have the text just fine, but the Read More links don’t line up across the row. Any suggestions on how to line up the Read More links so that they stay in line with each other within their respective text boxes?

Here is the code I’m using for the boxes:
border:solid 1px #000000;color:#000;display:block;border-radius: 20px; background-repeat:no-repeat;margin:30px auto 50px;p style=”font-family:Corbel;display: block; overflow: hidden; font-size: 13px; float: left;
margin-right: 23px;
width: 30%;
height:500px;

Here is the code I am using for the Read More Links:
style=”text-align: center;

Thank you!

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 8 months, 30 days ago Alex S Hi, I Work Here

    Hi Ann,

    You should add the following CSS to the box:

    	position: relative;
    

    You should add the following CSS to the read more links:

    	position: absolute;
    	bottom: 0;
    	right: 0;
    	left: 0;
    

    Adjust the bottom as needed.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More