Academica: posts, archives and search titles

• 

  emecu · Member · Jul 8, 2013 at 9:50 pm

  • Copy link
  • Add topic to favorites

  Hello there,

  I need help with something unusual. In Academica theme the post titles work under the same rules than the titles (h1) for the search results, categories archives, etc.

  I need to separate them… well, my client wants smaller search and archive pages titles. I’ve tried for hours and I just can’t.

  Any bright idea for this to be achieved?

  I’d be grateful forever!

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

• 

  timethief · Member · Jul 8, 2013 at 10:07 pm

  • Copy link

  Note: There is no free and easy way to change a font style in a site title. These are 3 ways to change fonts on wordpress.com blogs.
  (1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor.
  http://wpbtips.wordpress.com/2009/07/11/formatting-text-pt-5/

  (2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

  (3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts with Staff support. http://en.support.wordpress.com/custom-design/#custom-fonts
  http://en.support.wordpress.com/custom-design/#custom-colors

• 

  emecu · Member · Jul 8, 2013 at 10:32 pm

  • Copy link

  Thank you, Timethief, but what I am trying to achieve is give these two sets of titles: a) Post titles vs b) Search results and Archives titles a different appearance with CSS.

• 

  emecu · Member · Jul 8, 2013 at 10:47 pm

  • Copy link

  Eureka! I’ve found the way! :-D

  Thanks anyway. This is solved now.

• 

  timethief · Member · Jul 8, 2013 at 10:50 pm

  • Copy link

  Oh! What wonderful news. Best wishes to you. :)

• 

  emecu · Member · Jul 8, 2013 at 11:33 pm

  • Copy link

  Thank you, dear!

• 

  designsimply · Member · Jul 9, 2013 at 12:46 am

  • Copy link

  If you’d be willing to post back with the example you used, that would be appreciated because it might help others if they are searching with the same question later.

• 

  emecu · Member · Jul 9, 2013 at 1:02 am

  • Copy link

  Thank you, dear!

• 

  emecu · Member · Jul 9, 2013 at 1:08 am

  • Copy link

  The thanks were for TT. :-)

  designsimply, OK, I put the following code:

  .archive .title-header, .search-results .title-header {
font-size: 1.3em;
color: #7FA8CB;
}

  it worked great. Thanks to SacredPath who enlightened me on how to “guess” the right code. :-)

• 

  emecu · Member · Jul 9, 2013 at 1:12 am

  • Copy link

  Omitting the
of course, it was not suppossed to be there.

• 

  justpi · Member · Jul 9, 2013 at 1:17 am

  • Copy link

  The break tags showed up because you used code tags. To display code here, enclose it in backticks (see the note on allowed markup). Result:

  .archive .title-header, .search-results .title-header {
  font-size: 1.3em;
  color: #7FA8CB;
  }

• 

  emecu · Member · Jul 9, 2013 at 4:36 am

  • Copy link

  Good to know. Thanks Pi.