Cornerstone and Custom CSS not Updating on Site

[santosfel5]

I’ve been attempting to update both the Cornerstone CSS for an individual page, as well as the Custom CSS in X Options, but both are not working. Even if I make a simple CSS change like a font color, I don’t even see it appear in the Chrome inspector.

I’ve flushed my cache on the site, gone to X>Settings>Clear System Cache, cleared the cache and cookies on my browser, and tried to view the site in incognito mode.

I was not experiencing this issue a week ago. Here is my site for reference:

http://dev.corridorcompany.com/software-page-development/

Here is the Custom CSS, I cannot get to work for this page:
/iPhone 6,7,8/
@media only screen
and (min-width :375px)
and (max-width :667px) {
/Want to Learn More CSS/
.x-container.learn_more.max.width.marginless-columns {
text-align: center !important;
}
}

[thai]

Hi There,

Please try with this custom CSS instead:

@media only screen and (min-width :375px) and (max-width :667px) {
    .x-container.learn_more .x-column.x-sm.cs-ta-right {
        text-align: center !important;
        padding: 0 !important;
        margin-bottom: 15px;
    }
}

Hope it helps

[santosfel5]

Hi @thai

It didn’t work. That code works in the inspector, but not when I save it in Cornerstone and push it to the live site. Even if I clear my browser cache, clear the x system cache, or view it on incognito mode.

[ruenel]

Hello There,

It does not work because the row does not have learn_more custom class. I went ahead and fixed it.

I use this custom css instead:

@media only screen and (min-width :375px) and (max-width :667px) {
    .x-container.learn_more .x-column.x-sm {
        text-align: center !important;
        padding: 0 !important;
        margin-bottom: 15px;
    }
}

And I added the custom class in the row.

Please check your site now.