¿Cómo puedo desactivar un regla css?

Soy principiante en el manejo de mi página web y de los códigos css. Mi problema es que estoy intentando desactivar un código para que desaparezca el titulo de una categoría. Con el inspector de elementos, si desactivo la casilla position de la foto adjunta, consigo que el título desaparezca. Pero en cuanto lo escribo en en simple css de wordpress para que se grabe la acción, vuelve a aparecer el título de nuevo. Es probable que no lo esté escribiendo bien. Yo pongo lo siguiente:

.shop_header.with_featured_img .page-title.on-shop, .shop_header.with_featured_img .term-description, .shop_header.with_featured_img .list_shop_categories {
color: #fff;
}

Muchas gracias