which fonts in harmonic theme?

• 

  johdburr · Member · Feb 25, 2015 at 9:30 am

  • Copy link
  • Add topic to favorites

  I searched all the forums but couldn’t find an answer: Which fonts are used in the harmonic theme?

  And if I’d like to change the font color on the front side template in the main site section (or the widget section) e.g. from white to black, do I need the custom css upgrade or can this be done with html?

  The Blog I need help for is: https://zugehoerigkeitsbehoerde.wordpress.com

  Thanks!

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

• 

  staff-happychia · Staff · Feb 25, 2015 at 9:39 am

  • Copy link

  Here is the font details on Harmonic theme.

  You can use a Firefox add on like Font Finder to figure this.

  Color
  ===============================
  color: #111111
  color: rgb(17, 17, 17)
  background-color: transparent
  
  Font
  ===============================
  font-family (stack): "Hind",sans-serif
  Font being rendered: "Hind"
  font-size: 16px
  
  Spacing
  ===============================
  line-height: 1.5em (24px)
  vertical-align: baseline
  letter-spacing: normal
  word-spacing: 0px

  I’d like to change the font color on the front side template in the main site section (or the widget section) e.g. from white to black, do I need the custom css upgrade or can this be done with html?

  Yes, this change has to be done by manipulating CSS and hence requires Custom Design upgrade. We can’t add or edit HTML. We can only add or change CSS.

• 

  johdburr · Member · Feb 25, 2015 at 3:36 pm

  • Copy link

  Thanks a lot chaitanyamsv!
  Didn’t know that add-on.

  Btw, do you have any idea what css code I could use to change the font color for the front page template in a specific section (especially the main site and the widget section)?

• 

  staff-happychia · Staff · Feb 26, 2015 at 5:52 pm

  • Copy link

  Main section .

  body.home #page-section .entry-header,
  body.home #page-section .entry-content h5,
  body.home #page-section .entry-content h6,
  body.home #page-section .entry-content p {
  color: red;
  }

  Widget section.

  body.home .widget-area .widget_text h1,
  body.home .widget-area .widget_text p {
   color: green;
  }
  
  /* Link color in the ZUGEHÖRIGKEIT PRÜFEN widget */
  #slide-4 .widget a {
      color: yellow;
  }

  Please change the color as needed.

• 

  johdburr · Member · Feb 27, 2015 at 8:21 pm

  • Copy link

  Thanks again chaitanyamsv!

  Probably, I will have some more custom CSS question as soon as I proceed. I’m going to post them at the CSS forum and link them here.