Align 3rd column

Hello, Is it possible to align the third column of text to be centred with the image above as per the other two? website

Hi,

The problem is because the images and the text are not in the same element ( widget ) the text area is wider then the images, the text isn’t centered on the second image too, but it’s clearly visible below image 3. You can resolve this issue with the below Custom CSS, so the text area width will be calculated the same way as the images:

#pgc-35-2-0, #pgc-35-2-1, #pgc-35-2-2 {
    width: 33.3333% !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Hi Csaba, on desktop it moved to be more aligned but then on mobile it shrunk it down to 1/3 of the column instead of full width.

Hi,

Sorry, you can fix it on mobile with this Custom CSS:

@media only screen and (max-width: 768px) {
#pgc-35-2-0, #pgc-35-2-1, #pgc-35-2-2 {
    width: 100% !important;
}
}

Please let me know how it works.

Kind Regards,
Csaba

perfect thank you!

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Kind Regards,
Csaba