HELP!!!! with CSS code with a W Staff Element

[Jéssica valle]

Hi, 

I havea WStaff Element to which i want change the color of font under the speakers pictures to grey, but can't seem to make it work. I try including the following CCS code on that page but it does not take it. Can someone help please. this is the web link  https://graceandfavorhouse.org/deborasdc/ this is the spanish version i would like it to look like the english version https://graceandfavorhouse.org/en/deborahsdc/. Not sure why the english page didn't required codes...i'm not able to change the spacing as well

.stm_staff_container_grid.style_7 .stm_staff__name {

 

color: grey;

margin: 0 28px;

padding-top: 12px;

padding-bottom: 3px;

position: relative;

line-height: 20px;

background-color: #fff;

font-size: 16px;

}

[dsonesuk]

From what i can see, you do not have those class names, separated by a space on the actual element using them

<div class="container vc_container stm_staff_container_gridstyle_7stm_staff_name ">

what you should be trying to target is

<div class="container vc_container stm_staff_container_grid style_7 stm_staff_name">

with

.stm_staff_container_grid.style_7.stm_staff__name {...}

Also with

.stm_staff_container_grid.style_7 .stm_staff__name {...}

you are targetting

<div class="container vc_container stm_staff_container_grid style_7">
  <div class="stm_staff_name">...</div>

Joining of class names using '.' means the class names belong to the same element, while a space between class names means it will target a child element of current parent element.

Edited September 20, 2018 by dsonesuk

[Jéssica valle]

<div class="container vc_container stm_staff_container_grid style_7">
  <div class="stm_staff_name">

color: grey;

margin: 0 28px;

padding-top: 12px;

padding-bottom: 3px;

position: relative;

line-height: 20px;

background-color: #fff;

font-size: 16px;
</div>

 

it would be like this?

[dsonesuk]

N0! that is part html and css, they never mix, you require the second and third example i gave

2 hours ago, dsonesuk said:

what you should be trying to target is

<div class="container vc_container stm_staff_container_grid style_7 stm_staff_name">

with

.stm_staff_container_grid.style_7.stm_staff__name {...}

Also with

You need to correct the current div html so it matches the top, and change CSS selector text before '{' to match the bottom.

Edited September 20, 2018 by dsonesuk