Cant select element

[Jennine]

Hello,
I am trying to target the headline “OFFICE OF THE SPECIAL NARCOTICS PROSECUTOR FOR THE CITY OF NEW YORK” in which I added the .hero-headline class to so I can write a media query. I don’t know why I am unable to select it using CSS. I have tried every different combination. Please advise. Thank you
http://specialnarcoticsp.sg-host.com

[ruenel]

Hi @Jennine,

Thanks for writing in!

You should be using this CSS format:

.hero-headline .x-text-content-text-primary {
  // your styling here
} 

Or since you have added an element ID, you may also use this:

#home-hero-headline .x-text-content-text-primary {
  // your styling here
} 

Kindly let us know how it goes.

[Jennine]

@ruenel

.hero-headline .x-text-content-text-primary

that worked but now Im having trouble selecting the text above it “PROTECTING COMMUNITIES, SAVING LIVES”
why am I having a problem with this? Its weird. I have " .x-text.top-hero-text{
margin: 14% 0em 0em 0% !important;
}
why isn’t that working?
Thank you

[ruenel]

Hello @Jennine,

What is your custom CSS code for the .hero-headline .x-text-content-text-primary which creates an issue with the text above? Have you removed it already? Please put it back so we can check the cause of the issue.

Thank you in advance.