Changing the header font for Custom Header Links

Sorry if this is a bit of a basic question, but how would one go about changing the header font in this component? specifically hoping to use Convergence.

1 Like

The links are wrapped in a div with the class custom-header-links so you can use that to target them. Try adding this CSS to your main theme.

@import url('https://fonts.googleapis.com/css2?family=Convergence&display=swap');

.custom-header-links {
  font-family: 'Convergence', sans-serif;
}
6 Likes

this worked great! thanks @Johani

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.