permanent css styling

Site URL: https://safeharborcoronado.org

I am using custom css to center align 7 images on mobile. But I notice that every time I made any edits to the page, the data-section-id numbers change and I have to re-target all the images and change my css. This is not manageable long-term, is there a way to apply permanent styles? Re: safeharborcoronado.org/about

@media screen and (max-width:640px) {
#yui_3_17_2_1_1627361884935_299, #yui_3_17_2_1_1627359995480_304, #yui_3_17_2_1_1627359995480_323, #yui_3_17_2_1_1627359995480_344, #yui_3_17_2_1_1627359995480_367, #yui_3_17_2_1_1627359995480_388 {
margin-left: 0px !important;
}
}

Hi. You used dynamic block id, so it will changed if you reload the spage.

Target static block id or data-section-id

Can you share link to page in screenshot? I don't see it on homepage

On 7/30/2021 at 2:00 AM, seashore said:

Site URL: https://safeharborcoronado.org

I am using custom css to center align 7 images on mobile. But I notice that every time I made any edits to the page, the data-section-id numbers change and I have to re-target all the images and change my css. This is not manageable long-term, is there a way to apply permanent styles? Re: safeharborcoronado.org/about

@media screen and (max-width:640px) {
#yui_3_17_2_1_1627361884935_299, #yui_3_17_2_1_1627359995480_304, #yui_3_17_2_1_1627359995480_323, #yui_3_17_2_1_1627359995480_344, #yui_3_17_2_1_1627359995480_367, #yui_3_17_2_1_1627359995480_388 {
margin-left: 0px !important;
}
}

Use this tool to target the permanent id

Chrome Web Store - Extensions (google.com)

i got it, thanks so much🙂