Collection title not displaying & image banner

hi everyone ! I have some queries for my site:
https://kashco-interiors.myshopify.com/ - kashco

  1. collection title - For some reasons, it is in white and not visible. How can we make it black ? Please help. Thanks

  2. image banner buttons to be center relative to mobile and computer. This is a pending tasks too.

  3. product buy button - Add black border around - need solution for this too kindly.

  4. check out make the link into a black button with white text

  5. Location page - make the pin to be visible view - it is there but not visible (need to drag around).also, map should fit mobile window

  6. Disable zoom feature on website - on mobile one can pinch the screen and zoom in which I don’t want.

  7. make the information pages - black text with white background (privacy, terms of service, refund policy, shipping and delivery, about us)

  8. login and cart footer - need to make link.

Hi @kashco

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

Hi @kashco , Can you share store url?

Thanks for reply @DaisyVo . I’ve updated the final issues I’ve.

https://kashco-interiors.myshopify.com

passowrd: kashco

Thanks for reply @LizHoang

I’ve updated the final issues I’ve above as well. Please do assist with any permanent solutions.

https://kashco-interiors.myshopify.com

passowrd: kashco

any other suggestions, inputs are welcome too as I hope it look professional for company.

Hello. @kashco

You can easily change your white text color Collection title to black from the theme settings by navigating to the theme’s Collection Page,

find the Typography or Color section.

Navigate to the Collection Title color and change it to black, or any other color of your choice.

Then click save.

For a custom CSS manual fix,

open theme.css or base.css from your theme’s settings.

Then add this code to the bottom;

.collection-hero__title, .collection-title {
color: black !important;
}

Then click save and refresh the page.

If the above solutions still doesn’t resolve the issue,

check if another CSS rule is overriding the color by using the Inspect Element in your browser.

Ensure the title is not hidden using;

display: none;

Lastly, if you’re using a custom theme, let me know the name for further tailored solution.

Kind regards.