Need help with banner heading and button style and placement

[Andalbutka23]

Need to change font styling to the following in banner using Lorenza:

font-family: OptimaNovaLT-Medium;
font-size: 72px;
color: #D6D6D6;
letter-spacing: -1.32px;
line-height: 38px;

Button style:

Should be outline only not filled

Font of button should be Neue Haas Unica Pro

[topnewyork]

@Andalbutka23 

Hi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[Moeed]

Hey @Andalbutka23 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a.image-hero__link.bttn.bttn--inline {
    background: transparent !important;
    color: white !important;
    border: solid 1px white !important;
}
</style>

RESULT

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[topnewyork]

Hi @Andalbutka23 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
 .image-hero__subheading.type-body-regular {
    font-size: 16px !important;
}
h2.image-hero__heading.type-heading-dynamic {
    font-weight: 500 !important;
}
a.image-hero__link.bttn.bttn--inline {
    color: white !important;
    background: transparent !important;
    border: 1px solid white !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Andalbutka23]

Hi,

Thanks for your help. Thats great but:

1) the first part of the heading 1 "IMMACULATE" needs to be:

font-family: OptimaNovaLT-Regular;
font-size: 65px;
color: #FFFFFF;
letter-spacing: -1.79px;
line-height: 38px;
text-transform: uppercase;

2) the second part of the heading 1 "LUXURY LIGHTING" needs to be:

font-family: OptimaNovaLT-Regular;
font-size: 18px;
color: #FFFFFF;
letter-spacing: 1.3px;
line-height: 38px;
text-transform: uppercase;

3) 1) + 2) need to be 125px from the header

I have attached a screenshot below for reference of what I want

Let me know how to do this.

Andy
[image: Screenshot 2025-02-11 at 13.45.09.png]

[topnewyork]

@Andalbutka23 

Sorry for late reply, I updated the code.. Please check it and let me know

<style>
 .image-hero__subheading.type-body-regular {
   font-family: OptimaNovaLT-Regular !important;
   font-size: 18px !important;
   color: #FFFFFF !important;
   letter-spacing: 1.3px !important;
   line-height: 38px !important;
   text-transform: uppercase !important;

}
h2.image-hero__heading.type-heading-dynamic {
    font-family: OptimaNovaLT-Regular !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
    letter-spacing: 1.3px !important;
    line-height: 38px !important;
    text-transform: uppercase !important;

}
a.image-hero__link.bttn.bttn--inline {
    color: white !important;
    background: transparent !important;
    border: 1px solid white !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Andalbutka23]

Hey no worries,

Thanks so much for your help 🙂 Looks great but just 4 more minor things:

(please see attached guide from my mockup)

1) Heading text must be aligned and must be 120px from header
2) Button must be 60px down from heading
3) Button text is: font-family: NeueHaasUnicaPro-Medium;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: left;
line-height: 20px;
4) Button max height = 45px

[image: Screenshot 2025-02-11 at 15.52.33.png]