Archived topic
Theme store banner image sizing & unwanted grey padding
7 replies · Started by locate-australian on December 7, 2021
Hi,
I am using GP Premium for a WC Vendors Pro marketplace.
Can you please tell me the optimal sizing for the Store Banners?
My goal is to fill a space provided & to remove grey padding at the bottom, between the Store Banner & Store Contact Details.
The best image size I have used is 1200 (wide) x 720 (high) pixels, but the grey padding is still very noticeable for the mobile view.
I have tried using 1200 x 900 pixels, but that just lengthens the whitespace around the image.
I have created a new staging site for your use & I have provided them in the Private Information area.
Kind regards,
L.A
Hi there,
Not quite sure which part of the site you're pertaining to.
Can you provide a screenshot indicating the part of the site you're pertaining to? To be sure we're on the same page. :)
Hi Elvin,
I'm sorry for not being more specific. I have added a link below so you can view what I am talking about :).
I see.
I'd consider changing the background color of .wcv-header-container so you actually don't see the grey area anymore.
Example:
.wcv-header-container {
background: unset !important;
}Or turn the wrapper into a flexbox.
.wcv-header-container, .wcv-header-container #banner-wrap {
height: auto !important;
display: flex;
min-height: unset !important;
}But since this seems to come from a third-party plugin, I'm unsure which is the best practice they'd advise for this. You may want to contact the plugin's support/developer for this one. :D
Thank you so much Elvin! You have been of great help & I have emailed WC Vendors to ask about best practise.
Kind regards,
L.A :).
No problem. Glad to be of any help. :D
Hi ELvin,
WC vendors support replied & said that both were great coding options but that the 'flexi-box' options was the best.
I have added the flexi-box code & it works!
Thank you so much :)
Kind regards,
L.A.
Good to know. You can keep the CSS then.
Glad you got it sorted. :D
