Projects images

Hi there thanks for the awesome theme, just want to know how i can make the projects look similar to the “Get Started” section on this website: https://onestep4ward.com/

Thanks alot!!

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .roll-project .project-item .project-pop {
      opacity: 0.5;
    }

    .roll-project .project-title-wrap {
      opacity: 1;  
    }

    .roll-project .project-title-wrap .project-title {
      color: #fff000;
    }

    .roll-project .project-item:hover .project-title-wrap .project-title {
      color: #fff;
    }

    .roll-project .project-item:hover .project-title-wrap {
      -webkit-animation: unset;
      -moz-animation: unset;
      animation: unset;  
    }

    .roll-project .project-item:hover .project-pop {
      opacity: 0;
    } 

Regards,
Kharis

Wow thats great your amazing! One more question… Which one do i change to change the txt color? and how can i enlarge the project thumbnails to stretch across the whole screen?

Thanks alot!

Hello there,

You can control the title color in these lines of code:

    .roll-project .project-title-wrap .project-title {
      color: #fff000;
    }

    .roll-project .project-item:hover .project-title-wrap .project-title {
      color: #fff;
    } 

To enlarge the projects block across the screen horizontally, edit the row where the Portfolio widget belongs to. Under Row Styles, expand the Layout tab, on “Row Layout” dropdown, choose Full Width Stretched. Save and update page.

Regards,
Kharis

thanks alot kharis!!

Never seize to amaze!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis