I want titles to be bold of my buying sections, i want my add to cart be bold, change colour, can’t find an option in the editor, i want all the buttons to pop out nice, i want the droodown menus to not feel like a jumpscare and flow and i want pictures to look hihg-quality, depsite them being high quality they alsways look trash on the wbesite
viewai.store, have a look please and help if any custom code is there
Sure! Please send me your store URL. I’ll review your store, identify the issues, and provide you with the best possible solutions and recommendations.
I had a quick look — the biggest issue is contrast, not just boldness. A few sections are using very light/white text on a pale grey background, so they look washed out and the images feel worse than they are. The hero image is also being cropped hard in a wide container, which makes the glasses look lower quality; use a properly sized banner image or adjust the image position/object-fit. Yes, this is mostly theme settings plus a little custom CSS: darker section text, one strong button style, and a slower/eased dropdown transition.
I had a look at your requirements, and most of these can definitely be improved. Some can be done through the theme editor, while others may require a little custom CSS or JavaScript depending on the theme you’re using.
Here’s what I’d suggest:
1. Make the buying section titles bold
- If your theme provides typography settings, you can increase the font weight from Theme Settings → Typography.
- If not, a small CSS snippet can make the product titles, variant labels, or other buying section headings bold.
2. Make the Add to Cart button bold and change its color
- Some themes allow you to customize the button style and colors under Theme Settings → Colors.
- If those options aren’t available, this can be achieved with a small CSS customization to change the font weight, background color, hover effect, and border radius.
3. Make buttons stand out more
You can improve the appearance by:
- Increasing the border radius.
- Adding a subtle shadow.
- Using a stronger hover animation.
- Increasing the button font weight.
- Slightly enlarging the padding.
These small changes make buttons feel much more modern and clickable.
4. Smooth dropdown menus
If the dropdowns appear instantly or feel abrupt (“jumpscare”), adding a short fade/slide transition with CSS (and sometimes a small JavaScript adjustment) can make them open much more smoothly.
5. Product images look blurry
If your original images are high quality but still appear blurry on the storefront, check the following:
- Upload images with sufficient resolution (typically at least 2000px on the longest side).
- Make sure the theme isn’t displaying a smaller image size than required.
- Verify that image compression apps aren’t reducing quality too aggressively.
- Check whether any custom code is forcing lower-resolution image sizes or fixed dimensions.
- Ensure the images have an appropriate aspect ratio for your theme.
From your description, it sounds more like the theme or custom code may be loading smaller image sizes rather than there being an issue with the original images.
If you can share:
- Which Shopify theme are you using?
- Whether you’ve made any custom code changes.
- A specific page where the image quality issue is most noticeable.
I’d be happy to help identify the exact cause and suggest the appropriate fix.
The accordion you can normally slowdown with the simple line of “transition: 0.4s !important;” to the css.
As for the pictures, Shopify changes them to webp natively, and compresses them, and if necessary, changes the sizes. To get more control over that, you’ll have to find out the sizes of each image - right click and choose inspect in a browser, then you can upload them accordingly and display using the “srcset attribute”.
Hi @Hinal_Prajapati, part of the problem may be the way the images are being cropped and displayed rather than only the file quality.
For sunglasses, I’d prepare separate image formats for different placements instead of using the same photo everywhere: a wide image composed specifically for the homepage banner, square product images with consistent positioning, and close-up detail images showing the lenses, frames, hinges and material.
Before replacing the photography, I’d check which image dimensions the theme is actually loading and whether the hero section is stretching or heavily cropping the original file. If the source images still look weak after correcting that, then the lighting, composition or original resolution may need to be improved.
How do I make my website smooth and premium?
By hiring a designer when you aren’t one.
And for simple issues first searching, there’s massive amounts of posts with knowledge on fixing image issues
@Hinal_Prajapati
Most of what you are describing can be done with a bit of CSS if your theme doesnt offer those settings in the editor.
- Bold section titles & Add to Cart button
- Change button color
- Smooth dropdown menus
- Image quality
If you let us know which Shopify theme you are using Dawn, Horizon, Prestige, etc, we can provide the exact CSS or code changes to achieve the look you are after.
Matey, you can find that out by visiting the website and inspecting the code.
Hello there @Hinal_Prajapati
A more premium feel is generally achieved through uniform design, spacing and subtle interactions rather than simply bold colours. Look in your theme’s settings under typography, buttons and animations first. If your choices are limited, a few lines of CSS can change the style of buttons, headings, and the animation of dropdowns. For photos, make sure they are the right size, compressed, and saved in the sugested file format. Adjusting your theme’s image size and padding for sections can further enhance the look and feel.
Hey @Hinal_Prajapati
Hope you’re doing well!
Most of these changes can made usually with custom CSS or theme code if they aren’t available in the Theme Editor. The image quality issue may also be related to image dimensions, compression, or your theme image settings, sharing your theme name or store URL will help the community provide more specific guidance.