CSS

• 

  housecallconnect · Member · Apr 12, 2016 at 1:08 am

  • Copy link
  • Add topic to favorites

  Hi,
  For the portfolio section in my front page, can I have the title of each portfolio show directly on each image?instead of having users hover over to see the titles. I am having trouble figuring out the CSS.
  Thank you.

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

• 

  thesacredpath · Member · Apr 12, 2016 at 3:05 am

  • Copy link

  Hi there, we can use the following to make the titles visible on the front page portfolio section, but the titles in their default color are not really easily readable. I’ve added a slightly opaque dark background to them and a bit of padding. See what you think.

  .portfolio-grid .hentry .entry-header a {
      opacity: 1;
      background: rgba(0, 0, 0, 0);
  }
  .portfolio-grid .hentry .entry-header .entry-title {
      visibility: visible;
      top: 50%;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.4);
      padding: 3px;
  }

• 

  housecallconnect · Member · Apr 12, 2016 at 6:13 pm

  • Copy link

  thank you so much, it looks great! :)

• 

  thesacredpath · Member · Apr 12, 2016 at 7:57 pm

  • Copy link

  Super and you are welcome.