My images are quite small. is there any way I can play with sizing?? The ones I have available do not suit our needs.
PLEASE HELP
My images are quite small. is there any way I can play with sizing?? The ones I have available do not suit our needs.
PLEASE HELP
You can adjust the logo size on the Layout tab of your widget’s settings:
Please check it and let me know if it helped
Used DeepSeek for help and solved my problem. We were not using Grid layout but Ticker and used css code:
/* Ensure parent containers allow for larger logos */
.eapp-logo-showcase-logo-inner,
.eapp-logo-showcase-logo-component {
width: auto !important;
height: auto !important;
max-width: none !important;
overflow: visible !important;
}
/* Resize logos */
.LogoComponent__Image-sc-6kutwo-0 {
width: 300px !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
}
/* Adjust spacing between logos */
.eapp-logo-showcase-logo-component {
margin: 0 10px;
}
/* Center logos within their containers */
.eapp-logo-showcase-logo-inner {
display: flex;
align-items: center;
justify-content: center;
}
/* Disable hover scaling temporarily for debugging */
.eapp-logo-showcase-logo-inner:hover {
transform: none;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.LogoComponent__Image-sc-6kutwo-0 {
width: 300px !important;
}
}
/* Grid layout adjustments */
.eapp-logo-showcase-grid-container {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 20px;
}
/* Ensure the widget container doesn't clip content */
div.eapp-logo-showcase-logo-showcase-content {
overflow: visible !important;
}```
This setting is available for the Ticker as well. However, I am happy to see that you’ve found a way to customize the widget in a more detailed way. Many thanks for sharing the code with us
If anything else comes up, we’ll be delighted to help!