Edin Theme – CSS to hide Featured Image but leave image strip

• 

  whitebarndesignlp · Member · Nov 21, 2016 at 5:04 pm

  • Copy link
  • Add topic to favorites

  I currently have CSS code to hide the large Featured image on my “Services” page. The code keeps the image strip. I want to apply this to the Tier 2 and 3 pages under Services as well as Our Team. Edin theme.

  The blog I need help with is: (visible only to logged in users)

• 

  melindahelt · Staff · Nov 21, 2016 at 9:14 pm

  • Copy link

  Hi

  Add this code to your Custom CSS editor. These are for the pages that I could identify. It looks like most of your Tier 2 and 3 pages in your menu are not actually separate pages. If you redo the menu and add additional pages, let me know and I can help you fix the CSS to hide the images on those pages.

  #post-78 .entry-thumb,
  #post-79 .entry-thumb,
  #post-166 .entry-thumb,
  #post-80 .entry-thumb,
  #post-96 .entry-thumb
   {
      display: none;
  }

  Hope this helps!

• 

  whitebarndesignlp · Member · Nov 26, 2016 at 7:55 pm

  • Copy link

  Thank you. Can you also let me know how I can do this for three additional pages I have added: Interior Design, Construction & General Contracting, and Property Care plans. Thank you. Where can I see the #post to know the this and add the Css myself.

• 

  melindahelt · Staff · Nov 27, 2016 at 2:08 pm

  • Copy link

  Hi

  You can find the post ID numbers in two different ways.

  First, if you hover over the blog post title or the page title in your dashboard, you’ll see the link, which includes the post ID, in your browser status bar (this is the bar that appears at the bottom of your browser windows. In some browsers, you have to turn this on as it’s not the default)

  See a screenshot at: https://cldup.com/Qz82tLAvld.png
  You’ll see that in this sample, the post is #182.

  You can also use a CSS inspector tool, such as the one in Chrome’s Browser. Here’s a screenshot from the CSS inspector on your site. I highlighted where to find he post ID. https://cldup.com/Ic5uy2KafG.png

  If you want to learn more about using the CSS Inspector to understand parts of your site, here’s a few links to get you stated:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  https://thewc.co/articles/view/web-inspector-tutorial

  Hope this helps!