Content in column to align differently in mobile to desktop

[wbc]

Hi,

Im trying to align text in a column in mobile differently to desktop. Ive followed this thread How do i change the alignment of my button from desktop to mobile but still cant get my column to change.

The page is https://staging7.shapecast.com/strategyworks/strategyworks-features-dm/

The column is has the css id of benscol on this page. Ive switched off caching and I can see the id in dev tools but it just change with the following css applied

@media(max-width:767px) {
.benscol {
color: red;
text-align : center;
}
}

Help appreciated.

[prakash_s]

Hi @wbc,

Thanks for writing to us.

Update the previous code with this code and test

@media(max-width:767px) {
.x-row .benscol p {
    color: red;
    text-align: center;
}}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks