CSS being applied to multiple sections of the website instead of just one

Shapely
1

Hi,

My website is www.ohlala.hr

I’m using the following CSS to stroke the text of the 2nd parallax section:

.col-md-8 {
	text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple, 0 -1px purple;
}

However, the text of the testimonial section is also being stroked because it also belongs to col-md-8 identifier.

How do I stroke only the text of the 2nd parallax section but not of the testimonial section?

Thanks,
Larper

2

Hello there,

I hope you are doing well today.

The selector you are using will affect any other selector with that name so you are going to have to use something like the following:

div#shapely_home_parallax-10 .col-md-8  {
  text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple, 0 -1px purple;
}

Best Regards,
Support

3

Thank you very much!

4

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support