Featured Post CSS Customization

• 

  vlogazul · Member · Aug 10, 2015 at 6:46 am

  • Copy link
  • Add topic to favorites

  Hello, i am using the expound theme. I would like to know if there’s a snippet to hide the title text, summary and blue button of the main featured post on the main page. Only to show the image of the featured post and for that featured image to be centered? thanks.

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

• 

  thesacredpath · Member · Aug 10, 2015 at 7:28 am

  • Copy link

  Hi there, on Expound, I can’t figure out a way to hide the text on the first image without it also hiding it on the 4 running horizontally below it since they both are in the same div. I can do it by post id, but if the top featured content changes, then that post id would no longer be correct and it would need to be changed.

• 

  vlogazul · Member · Aug 10, 2015 at 7:35 am

  • Copy link

  If you can do it by post id, and i keep changing the id of each post i put into the featured post, would that work?

• 

  thesacredpath · Member · Aug 11, 2015 at 2:27 am

  • Copy link

  Yeah, we can do that. Add the following CSS and then you can edit the two post numbers in the first rule below if and when you change posts on the top.

  .home .featured-content #post-13328 .entry-header, .home .featured-content #post-13328 .entry-summary {
      display: none;
  }
  .home .featured-content-secondary {
      width: 100% !important;
  }
  .home #page {
      overflow: hidden;
  }
  .home #post-13328 .entry-thumbnail {
      margin-left: auto;
      margin-right: auto;
      float: none;
  }

• 

  vlogazul · Member · Aug 11, 2015 at 9:03 am

  • Copy link

  It works perfectly, thank you very much. You are a master of the CSS, great job my friend.

  Just another quick question. If you look at my widget section, there’s three widgets. The top two widgets have a title text and the last widget which is a video doesn’t have a title. I was trying to add a title text, saved it in the widget section but all of the sudden the title text doesn’t appear as the top two widgets does. Is there a snippet to fix that?

• 

  thesacredpath · Member · Aug 11, 2015 at 6:57 pm

  • Copy link

  Super, and thanks.

  Go to Appearance > Widgets and add a title to that Text Widget with the video. On the video text widget title, it is there, just hidden behind the video. I’ve limited this change to only this particular widget so that it doesn’t perhaps mess things up in another text widget.

  #text-31 iframe {
      padding-top: 20px;
  }

• 

  vlogazul · Member · Aug 12, 2015 at 6:30 am

  • Copy link

  It works perfectly now, thanks.

  Would there be a snippet to make the blue button link that says “Leer mas” in the featured post in the main page have a text of my own instead of “Leer mas”?

• 

  vlogazul · Member · Aug 12, 2015 at 7:09 am

  • Copy link

  Also, at the bottom of the widget section the last widget is the follow button, is there a snippet to put that button just below the search bar on the top right corner of the page?

• 

  g471n · Member · Aug 12, 2015 at 7:37 am

  • Copy link

  Hi vlogazul

  This should work for the follow button.

  `aside#follow_button_widget-3 {
  position: absolute;
  top: 74px;
  right: -171px;
  }’

• 

  g471n · Member · Aug 12, 2015 at 7:53 am

  • Copy link

  Make that:

  aside#follow_button_widget-3 {
  position: absolute;
  top: 74px;
  right: -171px;
  }

• 

  g471n · Member · Aug 12, 2015 at 8:04 am

  • Copy link

  Try this for the “Leer mas” button

  .button-primary {
  	visibility: hidden;
  }
  
  .button-primary:before {
  	content: "Your New Text";
  	visibility: visible;
  }