featured post css

• 

  moshekahol · Member · Oct 10, 2016 at 11:49 pm

  • Copy link
  • Add topic to favorites

  Hi, I hope to remove the foloowing in my fetured post area here and will be happy if someone can help me with that :)
  https://kahol.co.il/%D7%94%D7%90%D7%9D-%D7%97%D7%99%D7%99%D7%91-%D7%90%D7%95%D7%AA%D7%9A/%D7%9E%D7%90%D7%9E%D7%A8%D7%99%D7%9D-%D7%97%D7%93%D7%A9%D7%99%D7%9D/

  1. remove grey overly form my deatured post here
  2. hide title
  3. remove text shadow (seems like there is on the red text)

  thanks alot I appreciate the help!

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

• 

  siobhyb · Member · Oct 11, 2016 at 9:51 am

  • Copy link

  Hi there,

  1. remove grey overly form my deatured post here

  The grey overlay can be removed by removing the opacity that’s applied to the featured image:

  .entry-hero:before, .site-content-wrapper .has-post-thumbnail .entry-header:before {
      opacity: 0;
  }

  2. hide title

  The following snippet will hide the title from all of your posts:

  .featured-content .hentry.has-post-thumbnail h2 {
      visibility: hidden;
  }

  3. remove text shadow (seems like there is on the red text)

  I’m not able to find any red text on your site. Can you point me to it?

  Text shadows can generally be removed by first finding the correct CSS selector for the element you’re trying to change. Your browser’s built in tools can be used for this purpose, as explained here:

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

  Once you have the correct selector, you can then set the value of text-shadow to none:

  .selector {
      text-shadow: none;
  }

  Let me know the specific text you’re referring to if you’d like help finding the correct selector.

  Thanks!

• 

  moshekahol · Member · Oct 12, 2016 at 6:20 pm

  • Copy link

  Hi Siobhyb, thanks for replying :)
  about 1: I wanted to remove the overly from the fetured content – the “slideshow” of posts on the top but the code didnt affected it at all.
  about 2: I wanted to hide the title of the “slideshow” but not the other text – the “short summary” of the post.
  3. the text shadow is on the red text on the post “slideshow” on the top

  thanks for helping Siobhyb :)

• 

  moshekahol · Member · Oct 12, 2016 at 6:34 pm

  • Copy link

  Hi, I used this code and get help from what you wrote!
  thank you alot Siobhyb!!

  /*hide title from featured post*/
  .featured-content .hentry.has-post-thumbnail .entry-title {
      display: none;
  }

  /*remove shadow from featured post*/
  .featured-content .hentry.has-post-thumbnail {
  	text-shadow: none;
  }

  and I added the fetured here:

  /*remove overly posts*/
  .entry-hero::before,
  .site-content-wrapper .has-post-thumbnail .entry-header::before, .featured-content .hentry.has-post-thumbnail:before {
  	display: none;
  }

• 

  siobhyb · Member · Oct 13, 2016 at 2:11 pm

  • Copy link

  about 1: I wanted to remove the overly from the fetured content – the “slideshow” of posts on the top but the code didnt affected it at all.

  It sounds like you were able to resolve this part yourself with the CSS you provided in your last reply?

• 

  siobhyb · Member · Oct 13, 2016 at 2:13 pm

  • Copy link

  about 2: I wanted to hide the title of the “slideshow” but not the other text – the “short summary” of the post.

  The CSS that I provided should only hide the title of your posts and not the short summary:

  .featured-content .hentry.has-post-thumbnail h2 {
      visibility: hidden;
  }

  If it’s hiding anything else on your site, please share a direct link with me and point to the specific text the above CSS is hiding.

  I’ll help from there.

• 

  siobhyb · Member · Oct 13, 2016 at 2:15 pm

  • Copy link

  3. the text shadow is on the red text on the post “slideshow” on the top

  Can you please point me to the specific page? I’m not able to see any red text on this specific page, for example:

  https://kahol.co.il/%D7%94%D7%90%D7%9D-%D7%97%D7%99%D7%99%D7%91-%D7%90%D7%95%D7%AA%D7%9A/%D7%9E%D7%90%D7%9E%D7%A8%D7%99%D7%9D-%D7%97%D7%93%D7%A9%D7%99%D7%9D/