resize picture on portfolio grid

websiteitsolutionscw · Member · Mar 7, 2017 at 1:53 pm
Copy link

Add topic to favorites
I am trying to resize my picture on the Portfolio grid which i now named “Our Team” so that the picture fill the entire width of this section of the page or functions the same way as the header .

Thank you.

The blog I need help with is: (visible only to logged in users)
joaomino · Member · Mar 7, 2017 at 4:55 pm
Copy link
Hello there.
I’m not able to see your site because it is marked as private.
I just sent you an request, if you approve it I’ll be able to see it and help you. =)
Cheers!
thesacredpath · Member · Mar 7, 2017 at 5:08 pm
Copy link
Hi @websiteitsolutionscw, I’ve looked at your Team page, and the featured image goes full width for me, but I do see that the heads on the people in the back row are cut off. You can add the following to correct that. I’ve targeted this page specifically.
```
.single-jetpack-portfolio #primary-header {
	background-position-y: top;
}
```
If you are still having issues with the image being full width, can you take a screenshot of what you are seeing and I’d be more than happy to see what I can do to get it looking like you want it to.
websiteitsolutionscw · Member · Mar 7, 2017 at 5:37 pm
Copy link
Hi thanks , I did not meant on the Team page itself I meant on the front page there is suppose to be a portfolio part which I named Our Team at this moment . it does link to the Team page when clicked on the picture .. that’s the picture i mean.
joaomino · Member · Mar 7, 2017 at 5:55 pm
Copy link
maybe you’re trying to put it as a background for that section?

you can use and css code to test it:
```
.front-block.front-porfolio.front-block-three {
    background: url('https://itsolutionscw.files.wordpress.com/2017/03/dsc_3581.jpg?w=800&h=560&crop=1');
    background-size: cover;
    background-repeat: no-repeat;
}
```
That way it will looks like the header image… but then you will need to remove the small image of the team.
timethief · Member · Mar 7, 2017 at 6:01 pm
Copy link
@joaomino
All CSS editing is theme specific editing. Volunteers do not request access to private sites. All CSS threads get Staff support because the bloggers pay for the required upgrade.

The thesacredpath is a Happiness Engineer on Staff who is already responding as you can witness above and he will continue to provide support in this thread.
websiteitsolutionscw · Member · Mar 7, 2017 at 6:17 pm
Copy link
@joaomino

Actually I want the feature to click on the picture and that it redirects you to the page to stay .. so I don’t want it as background literally. but yes the background gives the effect that I want but with bit lower quality….
thesacredpath · Member · Mar 9, 2017 at 3:11 am
Copy link
I’m not entirely sure what you are wanting as an end result. We cannot redirect the Portfolio section featured image to a different page.

You can add content to your Our Team Portfolio Project page.
websiteitsolutionscw · Member · Mar 10, 2017 at 2:02 pm
Copy link
@thesacredpath

The code you gave me before so the people at the back row faces wil appear does not work for me.
thesacredpath · Member · Mar 11, 2017 at 9:02 pm
Copy link
Hi, when I go into your customizer, and view the “Our Team” page, and add in the CSS I’d given above, the image shifts down to where you can see all the faces on the featured image.

Can you try adding it again?
websiteitsolutionscw · Member · Mar 13, 2017 at 8:28 pm
Copy link
True thank you!
thesacredpath · Member · Mar 14, 2017 at 12:42 am
Copy link
You are welcome.

No items found.