changing header font size in 'The Apostrophe Theme'

• 

  chwconferencehouston · Member · Mar 4, 2016 at 10:56 am

  • Copy link
  • Add topic to favorites

  Our Website is

  http://txgulfcoastchws.org/

  and want to change the font size of the main heading “Texas Gulf Coast CHW/Promotores Association”. As of right now the name is taking up two lines and also when we open in any smart devices the font is just out of proportion.

  Previously i was able to change the tag line color by using

  .site-description { color: #C8A6C8;}

  but i have tried using the following for the heading:

  1. h1.site-title {font-size: 50%;}
  2. h1.site-title {font-size: 40px;}
  3. .site-title { font-size: 50%;}
  4. .site-title { font-size: 40px;}

  but none of these took. The heading is still mighty big. How do i go about doing it?

  Your help is greatly appreciated.

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

• 

  geoffreyshilling · Member · Mar 4, 2016 at 11:02 am

  • Copy link

  Does the following code do what you want?

  .wf-active .site-title {
      font-size: 50%;
  }

  If that changes if, you can play around with the actual number used.

• 

  chwconferencehouston · Member · Mar 4, 2016 at 11:32 am

  • Copy link

  Yes

  it does, now playing with the sizes :)

  Thank you so much…

• 

  geoffreyshilling · Member · Mar 4, 2016 at 11:34 am

  • Copy link

  You’re welcome! I’m glad it worked. Finding the right size can be just as challenging as finding where to change it in the first place! Good luck! :)

• 

  chwconferencehouston · Member · Mar 4, 2016 at 12:42 pm

  • Copy link

  I have adjust the main font and have another question. didn’t know if i should open a new topic or continue here.

  On the widget section, the background is green that matches the logo. but the font color on there is black which makes it harder to read. i want to change it to white. here what i have tried and did’t work

  .wf-active .widget-title {color: #FFFFFF;}

  .widget-title { color: #FFFFFF;}

  what can be done?

  thanks for your help

• 

  kathrynwp · Staff · Mar 4, 2016 at 5:20 pm

  • Copy link

  Give this a try:

  .widget-area .sidebar-primary aside .widgettitle, .widget-area .sidebar-primary aside .widget-title, .widget-area .sidebar-primary aside .widget-title label, .widget-area .sidebar-primary aside, .widget-area .sidebar-primary aside a {
      color: #fff;
  }

  You can also remove elements from the above declaration if you only want to change the colour of the widget title and nothing else.

  In future please do start a new thread if you need help with something else – it makes it easier for folks to spot new questions and you’re likely to get a faster reply. Thanks!

• 

  chwconferencehouston · Member · Mar 5, 2016 at 2:38 am

  • Copy link

  Bingo! that worked like a charm

  You guys rock

  thank you so much

• 

  kathrynwp · Staff · Mar 5, 2016 at 11:28 pm

  • Copy link

  Glad to hear it, you’re very welcome!