Two columns = cannot center on page

  • Resolved altjx

    (@altjx)


    6 years, 3 months ago

    I can’t link the page that I need help with because it’s a production server, unfortunately. However, I just have two columns (not three like most people and most cases), and I cannot get it to center on the page. Instead, it looks like it’s centered based on the assumption that there are three columns instead of two.

    Any thoughts on this? Here’s an image of how this looks in the preview mode: https://imgur.com/a/o7of6al

    Any advice would be greatly appreciated.

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

  • Hi,

    Mouse over on your pricing table name and click on Edit Columns link. Go to Structural Settings under Pricing Table Settings. You will get two options there, Pricing Table Container Width and Number of Columns per Row. Set Number of Columns per Row to 2 and adjust Pricing Table Container Width by decreasing value. You must set value with %. Hope that it will help you.

    Thanks
    Iftekhar

    Thread Starter altjx

    (@altjx)

    Hi there.

    That seems to have adjusted it, but it still looks like it may be a tad bit off centered. Seems that it needs to move over to the right a little bit. I can only notice this though because I have some other things that are centered, and where both packages/columns meet is about an inch to the left of where my other centered content is.

    • This reply was modified 6 years, 3 months ago by altjx.

    Give me the page URL where the pricing table is showing. I will try to fix it.

    Thread Starter altjx

    (@altjx)

    Here’s the URL: https://www.vonahi.io/exposurescout/

    If you don’t mind, another thing that would be great if we could take a look at afterwards is the gap where it shows “Free” and “Contact for quote” in the top of the columns. Not sure if we can adjust that.

    • This reply was modified 6 years, 3 months ago by altjx.

    Put the below CSS code in your theme’s style.css file at the end:

    @media screen and (min-width: 1024px) {
	div#exposurescout_vs_asi-1 div.package_details {
		width: 50% !important;
	}
}

    For the second issue, write “Free” and “Contact for quote” in Package Price section, not in the textarea field.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Two columns = cannot center on page’ is closed to new replies.