Hi. Can someone please help me resize the “shop now” button on my landing page for desktop a. It is quite big and I would like it a little smaller so it is not the focal point of the section. I purchased a section off Section Store called BonBon Hero. It is that “Shop Now” button in the section I would like to make smaller. Can anyone please assist?
Topic summary
Goal: Make the “Shop Now” button in the BonBon Hero section (third‑party Section Store purchase) smaller on desktop so it’s less dominant.
Context: The button is currently too large and is the focal point of the hero section. The section is a standalone add‑on, not native theme code.
Recent updates:
- A helper requested the store URL and password to inspect the implementation before advising.
- The requester asked whether there’s specific code to resize the button and where to place it (e.g., custom CSS within the section vs. elsewhere). An annotated screenshot of the button was attached to illustrate the issue.
Key questions outstanding:
- What CSS/selector controls the BonBon Hero button size?
- Should styling be applied in the section’s custom CSS field or theme-level CSS?
Status: Unresolved. Awaiting store access details and/or guidance on the correct CSS and placement. The attached image is relevant for understanding the button’s current scale.
Hi @DaisyVo
Can you take a look at the attached image of the “Shop Now” button? I’d like to make the button smaller. Is there a specific code for that? Also, where should I add the code—should it go into the custom CSS for that section or somewhere else? Thank you.
