Project Section - one image

Illdy
21

Hello @lyle,

I’m sorry to say this but you are making this extremely difficult to me.
Long explanations hard to follow, broken picture ratio, I still don’t understand what you want to achieve all under custom work that nevers seems to work as you want.

Why don’t you just use the testimonial background picture as you are supposed to?
Everything looks extremely good with that, you get the parallax effect and the responsive it’s alright.

With the other solution no one can tell that that picture is linking to the recent projects, so just use a button for that.

Let me know what you think about this solution as making that picture display alright seems like a hell of a job.

I deleted the old picture from the widget, this was the code:

<a href="http://www.activscan.com.au/recent-projects/">
<img src="http://www.activscan.com.au/wp-content/uploads/2016/08/projects4.jpg" alt="Our Projects">
</a>

Regards

22

Hi Ion,

Im very sorry, I didn’t mean to be so difficult.

I only wanted to change the projects section to one image.

Is it possible to put the parallax picture (as showing now in testimonials) in the projects section, behind the button? Leaving testimonials as original?

Thanks,

23

Hello,

Switched the picture, let me know if everything is alright now.

Regards

24

Hi Ion,

Perfect! Thank you!
Could you send me the code to make the button the same as the ‘Learn More’ see through button on the header jumbotro?

Thank very much for your help!

Cheers,
Lyle

25

Hello Lyle,

I used some code at the end of your Custom CSS file, you should change that with this code:

#projects .latest-news-button{
    width: auto;
    height: 63px;
    line-height: 57px;
    background: rgba(255,255,255,0.2);
    margin: 0 15px;
    padding: 0 70px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#projects .latest-news-button:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

Cheers