How can I customize my product title like the image below?

Technical Q&A
1

I would like to ask how will I customize my product title into the picture below.

imgpsh_fullsize_anim.png
imgpsh_fullsize_anim.png3654×1494 484 KB

You see the header that’s in the blue one, I wanted it on my product title.

Please help me!!!

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

This the page’s url

https://www.globalacnoc.com/collections/products/products/acnoc-all-hybrid-essence-30-ml

4

hello @JeanACNOC

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-product-template .page-header h1.title{

font-family: "Playfair Display";
color: #1e558d;
font-weight: 700;
}
1 Like
5

Hi @JeanACNOC ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Asset > theme.css and paste this at the bottom of the file:

.product-detail .page-header .title{

color: #1e558d !important;

}

Hope this helps!