Jump to content

2 Questions - How to Change Font Style, Size, Color etc. for "Only" Slider Banner and How to Change Navigation Weight

By lornem, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

lornem Level 5

lornem

Posted
Posted (edited)

Hi, I have 2 questions

How Do I Customize Slider Text only
1) I am trying to change the: font for the slider banner only. I want to be able to add a custom font for it and change the size, color, letter spacing to below.

color: #ffffff;   
font-family: Anton;   
font-size: 75px;;  
font-weight: 500;   
letter-spacing: 0.3px;   
text-transform: none;

 

How Do I Customize Navigation Text Only
2) I want to make the Navigation to have a Weight of: 600. Currently the navigation is using the P3 (weight of 300) in Site Styles. If I change the weight in site styles then it will change the weight for every P3 element which is not what I want. I only want to change the weight for the navigation so it looks bolder.

Thanks

 

Edited by lornem
  • lornem changed the title to 2 Questions - How to Change Font Style, Size, Color etc. for "Only" Slider Banner and How to Change Navigation Weight
  • Replies 2
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

lornem
lornem

Tuan, thank you very much. Merry Christmas.

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

#1. Use this CSS code 

body.homepage h2.list-item-content__title {
    color: #fff;   
font-family: Anton !important;   
font-size: 75px !important;  
font-weight: 500 !important;   
letter-spacing: 0.3px !important;   
text-transform: none !important;
}

#2. Use this CSS code 

div.header-nav-item>a {
    font-weight: 600 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources