Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 3, 2015 at 5:53 am #389843
    clcintx

    This Page http://clstudio.com/mag/customers/success-stories/ that features a portfolio grid, I would like to move the text up over the images and make it a transparent background. Similar to like it is (except we will be uploading new photos that are taller in height). 1. How do I remove the bottom box where the text used to be? 2. I set transparency for the grayed box, but can I keep the text from being transparent?

    This is what I have done so far:
    .main_color .grid-content { top: -80px; } /* move text box up */
    .main_color .grid-content {background-color: #f0f0f0 !important; opacity: 0.8;}
    .grid-entry-title { background: transparent !important; }

    February 3, 2015 at 3:50 pm #390134
    Yigit

    Hey clcintx!

    Please change first and second line of your code to following one 

    .main_color .grid-content {
margin-top: -80px;
}
.main_color .grid-content {
background-color: rgba(255,255,255,0.8); 
}

    Regards,
    Yigit

    February 3, 2015 at 4:34 pm #390173
    clcintx

    Works great! Thanks!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Portfolio grid size and transparency changes?’ is closed to new replies.