DIfferent div tags using same CSS – how do I change that?

Issue

I’m having problems stylizing my footer. The footer is separated into 4 columns with HTML and all the columns are using same CSS styling

All I’m trying to do is align the right column text to the right, and center the middle column text.

In inspector when I try changing text-align, it’s being applied to all columns. Is there a way I can change this within additional CSS section in WordPress or will I have to edit the code of this website theme?

Solution

Try using the ID as the selector to target just the one column, like so:

#text-5 {
  text-align: right;
}

Answered By – joho

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0