Jump to content
Jéssica valle

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

Recommended Posts

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;
}

Share this post


Link to post
Share on other sites

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 by dsonesuk

Share this post


Link to post
Share on other sites
<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?

Share this post


Link to post
Share on other sites

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 by dsonesuk

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×