Docs

[Purpleharmonix]

Hi,
I am trying to remove author and creation date for some essential grid posts that I use to display team members. I found a related topic in the forum and tried adding this to my global css to do the job:
.single-essential_grid .p-meta {
display: none;
}

Unfortunately it’s not working. I am able to add the behavior in google inspector and get it to work but it doesn’t seem to be effective through the cornerstone global css. I did consider that cacheing may be an issue so I tried flushing all cacheing options that operate on my host that I’m aware of.

Here is a link to the main grid page that the post are displayed on: http://www.anazaosalon.com/meet-team-anazao/
Here is a direct link to one of the essential grid posts: http://www.anazaosalon.com/essential_grid/ginger/

all of the team member posts do have the undesirable .p-meta

Thanks for your help with this issue. 🙂

Main URL: http://www.anazaosalon.com
Wordpress version: 4.6.1
X-version: 4.6.2 (using child theme)
cornerstone version: 1.3.1

[Friech]

Hi There,

Thanks for writing in! Your code is correct but you did not define the @media (max-width: 767px) block on where it should end. Meaning that block is missing the closing bracket [}]

Hope it helps, Cheers!

[Rue Nel]

Hello There,

Thanks for writing in! To resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.single-essential_grid  p.p-meta {
    display: none;
}

It turns out that you have inserted an invalid css code (http://prntscr.com/cfhfrs) which is why your code did not work. Please have it updated and use this instead:

/*
// remove meta on team profiles
*/
.single-essential_grid .p-meta {
    display: none;
}

/*
// mobile section images
*/
@media (max-width: 767px){
  .section-bridal {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-3.jpg.pagespeed.ic.SPglQDcBHr.webp) !important;
    	background-position: 80% 80% !important;
  }
  .section-bridal-landing {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-3.jpg.pagespeed.ic.SPglQDcBHr.webp) !important;
    	background-position: 70% 70% !important;
  }
  .section-about {
  		background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-3-1.jpg.pagespeed.ic.zS1LzkTJOF.webp) !important;
    	background-position: 20% 20% !important;
  }
  .section-services {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-2-2.jpg.pagespeed.ic.2wDTF-XLzB.webp) !important;
    	background-position: 80% 80% !important;
  }
  .section-services-menu {
  	background-position: 80% 80% !important;
    }
  .section-offers {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-2-3.jpg.pagespeed.ic.sIZssJswp3.webp) !important;
    	background-position: 20% 20% !important;
  }
  .section-location {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0002.jpg.pagespeed.ic.cOMOMs4Pk_.webp) !important;
    	background-position: 55% 55% !important;
  }
  .section-giftcard {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001.jpg.pagespeed.ic.IHIfhj37MJ.webp) !important;
    	background-position: 20% 20% !important;
  }
  .section-shop-aveda {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-1.jpg.pagespeed.ic.9pxBoP-Nq7.webp) !important;
    	background-position: 80% 80% !important;
  }
  .section-shop-aveda-men {
      background-image: url(/wp-content/uploads/2016/08/xAnazao-Salon-Snellville-0001-2.jpg.pagespeed.ic.VFmOtH6-62.webp) !important;
    	background-position: 20% 20% !important;
  }
}

The best css practice is that you will need to add the @media css block at the very end of all your other custom css code.

Hope this helps.

[Purpleharmonix]

Thank you so much for the resolve; Team Themeco is just awesome!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts