Portfolio item background ‘cover‘ image repeating

[ckgerard]

Hi

I’ve set this portolio items background image to ‘cover’ but it is repeating.

Any ideas how to fix this?

Best wishes,

C

[Kyle – SUPPORT]

Hi

You’ve set an inner bg image instead of a normal one, the ‘cover’ option is for the normal bg

– Kyle

[ckgerard]

Silly me. Okay, but now that I’ve done that – it just shows a blank, white background. Tried a few different images but nothing seems to work. Tried a couple of browsers too…

C

[Kyle – SUPPORT]

Hmm seems to be only for boxed layout. What you’re after isn’t currently possible, however if you put the inner bg back I’ll see if I can change the css for you. However you do realise it’s going to be really pixelated as the image is quite small

– Kyle

[ckgerard]

Thanks Kyle!

Yeah, that sounds great!

I’ve reverted to an inner bg and I’m using a 628 kB, 1920 × 1285 image. Do you think that will be okay? Is there an optimal size for this?

Best,

C

[Kyle – SUPPORT]

Add this to your custom css:

#main-container {
  background-repeat: no-repeat;
  background-size: cover;
}

Yes it seems fine

– Kyle

[ckgerard]

Brilliant – thank you once again, Kyle!

[Kyle – SUPPORT]

No problem

[ckgerard]

Don’t know if it’s related but I notice the social tabs aren’t aligning. (on an iPhone 6 Plus).

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Yes it drops below because there’s not enough room to have in one line

– Kyle

[ckgerard]

Is it possible to hide the half tab, next to Facebook (see screenshot)?

Or

the hide the left hand, portfolio nav element?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Yes add this to your custom css:

.portfolio-options-bar .share-links ul li.sf-love {
  display: none;
}

– Kyle

[ckgerard]

Thanks – I was hoping that would be enough to make them sit on one line. Is there a way of hiding the stacked portfolio icon too?

Best wishes,

C

[Kyle – SUPPORT]

Unfortunately there’s too much css involved to display them side by side on mobile, I’m afraid that’s beyond our scope of support, sorry

– Kyle

[ckgerard]

No problem – Is there an easy way of hiding the stacked portfolio icon?

Best,

c