Width and alignment issues

  • Hello,

    Great theme!

    However, im having a small issue with width and alignment on one of my pages, the page is;

    https://thetenthyard.co.uk/portfolio/plans

    I have figured out how to make the pricing plan table wider, but in doing so the alignment is off to the right.

    I have had a fiddle with some custom CSS and tried to re-align it but i cant seem to find the right div.tag to move it (I call them div tags, might be called something else in the web develop world?)

    I managed to change the entire sites alignment but this is not what im after, i just want the pricing table centred.

    So far I have used this CSS to increase the width of the table, but when I add Align: center; nothing happens

    div.ptp-pricing-table {
    width: 1000px !important;
    }

    Any help much appreciated.

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

  • Hi there!

    It looks like the current problem is that the width is being forced to 1000px, but it’s in a container that isn’t wide enough to accommodate that. This means the table starts on the left edge of the content area, and then goes 1000px to the right.

    I’d recommend making the content area wider, and then use some max-widths to let the table expand, but still stay responsive on different screen sizes:

    .postid-101 .entry-content {
    width: auto;
	max-width: 100%;
}

div.ptp-pricing-table {
    width: auto;
    max-width: 1000px;
    margin: 0 auto;
}

    The first style targets this page specifically, using it’s post id (you can grab that by inspecting the page and looking at the body tag) ??

    Don’t forget to remove your width: 1000px !important style, as it will override the width I’ve set above ??

    Thread Starter shaggyshoogz

    (@shaggyshoogz)

    Chad, im gobsmacked at how well that worked!

    You sir, are a genius.

    I had no idea i was going so wrong!

    But now I read your CSS it makes sense, wish i could have picked up on it. Once I see it, it makes sense, i just cant work it out using the inspect window in chrome, but I guess I will get there eventually

    Many thanks

    You’re welcome! Happy to help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Width and alignment issues’ is closed to new replies.