Featured Post Customization

• 

  vlogazul · Member · Aug 29, 2015 at 8:05 am

  • Copy link
  • Add topic to favorites

  Hello, I am using the Expound Theme and I would like to know if it’s possible to get a snippet for the following.

  On the main featured post there’s a title text, summary and a blue link button, is there a snippet to hide or erase the summary and the blue link button. Move that featured post image that is on the left to the center and for that title text to be centered below the featured post image?

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

• 

  thesacredpath · Member · Aug 31, 2015 at 9:05 pm

  • Copy link

  Hi there, sorry this took so long, but working this one out took a long time due to the way the HTML and CSS are structured in Expound. You need to add this at the very end of your custom CSS and then make sure and test well on tablets and phones to make sure nothing has gone awry. I’m pretty sure there won’t be any issues.

  .featured-content .entry-summary {
      height: 20px;
      margin-left: 0 !important;
      text-indent: -9999px;
      visibility: hidden;
      margin-top: 0;
  }
  .featured-content .entry-header {
      display: inline-block;
      margin-left: 0 !important;
      text-align: center;
      width: 100%;
  }
  .featured-content .has-post-thumbnail .entry-thumbnail {
      float: none;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
  .featured-content .has-post-thumbnail .entry-thumbnail a {
      float: none;
  }
  .featured-content .has-post-thumbnail .entry-thumbnail {
  }
  .featured-content .has-post-thumbnail .entry-thumbnail img {
      float: none;
      margin-left: auto;
      margin-right: auto;
  }
  .featured-content-secondary {
      display: inline-block;
      padding-top: 0;
      margin-top: -50px;
  }

• 

  vlogazul · Member · Aug 31, 2015 at 9:17 pm

  • Copy link

  Thank you very much, it works perfect on any computer. I just have to test it out on tablets and phones. Thanks once again for you awesome help. You are a master with the CSS.

• 

  thesacredpath · Member · Sep 1, 2015 at 1:51 am

  • Copy link

  You are welcome and thanks. :)

• 

  vlogazul · Member · Sep 1, 2015 at 7:44 am

  • Copy link

  I have a question related to a Facebook Like Button.

  I was trying to add a Facebook Like Button to my website, so i tried it directly by getting the code from the Facebook Developers page but that code seems not to work with the html text widget. Is there a way to add a Facebook Like Button to my website?

• 

  thesacredpath · Member · Sep 1, 2015 at 6:21 pm

  • Copy link

  Hi, the Likebox from Facebook has been depreciated by them. There are a number of embeds that you can do and our support page on Facebook Integration should get you going.

• 

  vlogazul · Member · Sep 2, 2015 at 2:25 am

  • Copy link

  Thanks, I will try to play around with the embeds on the Facebook Integration page.

  Would there be a snippet to add an image to the last link to the right on the navigation bar that says “Cruz Azul FC”? So instead of having that text, an image that links to that website. Thanks

• 

  thesacredpath · Member · Sep 2, 2015 at 8:53 pm

  • Copy link

  Hi, I’m not seeing that menu item right now on your site. Yes, we can add an image, either replacing the text, or adding it in addition to the text. I’d suggest limiting this to widths where the full menu shows since it may get tricky when it goes to the touch device menu on narrower screens/windows.