How to align title and subtitle in px for different grid sizes

Hello,

I'm building a website where i tried via code to cycle between 2 columns and single column portfolio grid, and with a title + subtitle. All is well except the alignment of the title and subtitle. Right now it seems to be based on a % number because the single column is double the margin than the 2 columns one.

Site right now is: glimpsevfx.squarespace.com/work

For example the "Popota Continente" i want to be aligned with the "Carrossel NOS". 

Code for cycling columns is:

#gridThumbs .grid-item:nth-of-type(3n+3){
grid-column: span 2;
}

Code for alignment i'm trying to use is:

.portfolio-text {
    position: absolute !important;
    top: 10%;
    left: 10%;
    transform: translate(-7.5%,-7.5%);
    z-index: 999;
    width: 50% !important;
}

Can someone help me out? 

Thank you,

Pedro

Someone?

Hi,

Can you share link to page where you use grid? We can check easier

Hi, it's on the original post: https://glimpsevfx.squarespace.com/work

Also, as a separate issue, for some reason after 30 projects it adds pages at the bottom of the section. I would like to remove this if possible, so i have all the projects on a single page. If not possible, how can i edit the look of these "1" "2" buttons?

Thank you,

23 hours ago, Glimpse_web said:

Hi, it's on the original post: https://glimpsevfx.squarespace.com/work

Also, as a separate issue, for some reason after 30 projects it adds pages at the bottom of the section. I would like to remove this if possible, so i have all the projects on a single page. If not possible, how can i edit the look of these "1" "2" buttons?

Thank you,

#1. You mean align these text?

#2. I see you figured it out with button style?

#1 - Yes

#2 - No, i didn't figure out how to access them. That's just how it appeared after adding 30+ projects. So it's not possible to remove it, and have them all in a single page?

Thanks

@tuanphan could you help me out? We're would like to launch the site asap. Pretty much just these issues missing. Thanks

(pagination was already solved, just need help with the alignment)

That worked, thank you very much!