CSS Twenty Twelve: change font of header and main menu

• 

  manuschwendener · Member · Jan 5, 2023 at 6:15 pm

  • Copy link
  • Add topic to favorites

  Hi
  
  primoviews.org
  I would like to change the font in the header and the main menu to look like manuschwendener.ch, but when I copy the CSS that’s not enough (it’s another theme).
  
  Thank you for helping

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jan 6, 2023 at 12:31 am

  • Copy link

  Hey there, the CSS won’t be the same between different themes, because the HTML will be different. If you want to try to find the right selector, you could use inspect element to troubleshoot:
  https://wordpress.com/support/custom-design/how-to-find-your-themes-css/

  That said, could I recommend using one of our newer themes instead, since those give you greater control over the fonts? You could use the editor to get a look that similar to Twenty Twelve too, if you’d like.

  Here’s a primer on using the site editor:
  https://wordpress.com/support/full-site-editing/

• 

  manuschwendener · Member · Jan 6, 2023 at 10:02 am

  • Copy link

  Hi supernovia
  
  I found the solution for the navigation here https://wordpress.com/forums/topic/twenty-twelve-changes
  
  .main-navigation li a,
  .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
  color: #006E6E;
  font-size: 120% !important;
  }
  
  Kind regards
  Manu

• 

  manuschwendener · Member · Jan 6, 2023 at 10:06 am

  • Copy link

  So all I need now is the CSS to change the font of the title.
  

• 

  manuschwendener · Member · Jan 6, 2023 at 10:58 am

  • Copy link

  So all I need now is the CSS to change the font of the title.

  Solution via chat:
  
  .site-header h1 a {
  color: #006E6E;
  font-size: 120%;
  font-weight: 400;
  }