Alignment of text block on mobile

I'm running into an issue where I can't seem to change the alignment of text on mobile without interfering with the desktop version. 

For the mobile version, I would like text to be centred instead of aligned to the left as it feels more natural for the screen size. 

On this site for example, https://thecenterforimplementation.com/core-competencies-event under the "New resources on core competencies" I have the first item "White paper" as centred on mobile and it automatically changed on the desktop version ー hence the weird formatting. 

Does anyone know how I can not have the alignment to be synchronous for both desktop and mobile? 

Thank you so much. 

You can use CSS and a media query to center the text on mobile.

Left align the text in the text settings, then add this to Custom CSS:

@media only screen and (max-width:767px) {
  #block-46f9a3919c72c906dc3f {
    text-align:center;
  }
}

This just targets "New resources on core competencies"

On 4/18/2024 at 10:13 AM, Ziggy said:

You can use CSS and a media query to center the text on mobile.

Left align the text in the text settings, then add this to Custom CSS:

@media only screen and (max-width:767px) {
  #block-46f9a3919c72c906dc3f {
    text-align:center;
  }
}

This just targets "New resources on core competencies"

Hello, firstly thanks for this, second, how can I get the block code so it applies to them? thanks

11 hours ago, JeroniLab said:

Hello, firstly thanks for this, second, how can I get the block code so it applies to them? thanks

Here's a guide for you to get IDs on your website:

https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71