CSS code to adjust column widths using static name instead of display name

Question

I'm currently using this code to adjust the width of specific columns by referencing the display name:

English version:

.ms-vh-div[DisplayName = "Recent History"]
 {
 width:300px
}

However, I've run into a problem where column headers with accents (i.e. French versions) aren't recognized.

French version:

.ms-vh-div[DisplayName = "Histoire récente"]
 {
 width:300px
}

As a results, I'd like to use the static name of the column instead of the display name since all of my columns were first created in English and don't have any accents. But I can't seem to get the code to run.

.ms-vh-div[StaticName = "Recent_x0020_History"]
 {
 width:300px
}

Any ideas on how to improve my code and/or other workarounds for this issue would be much appreciated. Thanks in advance!

Thales Chemenian · Accepted Answer · 2019-12-09 20:02:09Z

1

Use:

.ms-vh-div[Name="Recent_x0020_History"] { width:300px }

There are no StaticName property on div elements that use .ms-vh-div class. The property Name has the value of internal name of the column. So using the property Name should solve your problem.

answered Dec 9, 2019 at 20:02

Thales Chemenian

6041 gold badge6 silver badges15 bronze badges

Add a comment |

Stack Exchange Network

CSS code to adjust column widths using static name instead of display name

1 Answer 1

Your Answer

Hot Network Questions

CSS code to adjust column widths using static name instead of display name

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions