Okay
  Public Ticket #1498945
portfolio grid overlay color
Closed

Comments

  •  1
    Denise started the conversation

    I'd like to change the color overlay on the portfolio grid element on the home page of this site. It's currently blueish and we're removing blue from the site. Please let me know how I might accomplish this.

  •  1
    Denise replied

    Also, since upgrading to the latest version of the theme, I'm noticing that the portfolio grid on the home page and on the projects page, both have this little bit of space on the bottom of each box. Can you let me know what might be causing this?

  •  8,441
    Tahir replied

    Hey Again,

    This css is causing the blueish color: http://prntscr.com/iq2j56 .

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .work-info {
        background-color: rgba(16,114,183,0) !important ;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Denise replied

    You are so helpful. I wrote that css! Removing it was the trick I needed.

    Can you help me figure out what's causing that space below the image in the portfolio grid? When I activate Salient theme rather than my child theme, it is fixed. But when I activate the child theme and comment out all of the custom CSS it's there! I'm baffled.

    Thanks again for your help!

  •  8,441
    Tahir replied

    Hey Again,

    Remove the Row Bottom Padding : http://prntscr.com/iqlek5 and add this custom css: 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpb_row {
        margin-bottom: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Denise replied

    It didn't work... Maybe you weren't clear on the issue that I'm having, maybe you are. Please see the attached image of the issue on the home page. It also occurs on the projects page.

  •  8,441
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .portfolio-items .work-item.style-3 img {
        margin-bottom: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Denise replied

    That's it! Thank you so much!