How do I change font size BlackBird WordPress Theme

Discussion in 'BlackBird WordPress Theme' started by louanncovi, Jun 18, 2013.

Thread Status:
Not open for further replies.
  1. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    Website: http://www.covitravel.com/teahouseconnection/
    I would like to change some of the text size on the statement located below the slider photos:

    Dedicated to the Art of Well Being (this font size is okay)

    (but the three lines below I would like to have displayed in a smaller font):
    our Sacred Space offers a unique, comforting space
    for individuals or group gatherings. Great for small group
    celebrations, business meetings or just a girls night out.





     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Go to
    Appearance > Theme Option > Homepage Settings > Home Page Heading

    and paste the code given below

    Code:
    Dedicated to the Art of Well Being <span style="font-size:10px">
    our Sacred Space offers a unique, comforting space
    for individuals or group gatherings. Great for small group celebrations, business meetings or just a girls night out.</span>
    Adjust font size as per your requirements.
     
  3. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    Thanks. I've adjusted the font size and added line breaks where needed. Is there a way to make the three lines of the smaller font text closer together (less height between the lines of text)?
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste the following code in the Custom CSS
    Appearance > Theme Options >Styling Option > Custom CSS
    Code:
    .content h1 span {
    line-height: 20px ! important;
    }
    Adjust the value of line-height as per your requirement.
     
  5. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    The code was pasted as below. I tried changing the 20 to 10, and also to 5, but nothing changed. What am I missing?

     
  6. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    This is still not working,
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Go to
    Appearance > Theme Option > Homepage Settings > Home Page Heading
    and paste the code given below
    Code:
    Dedicated to the Art of Well Being</br></br> <span style="font-size:28px">
    our Sacred Space offers a unique, comforting space<br>
    for individuals or group gatherings. Great for small group<br> celebrations, business meetings or just a girls night out.</span>
    You can use </br> tag to break the line.
    and now,
    Go to the Appearance > Theme Options >Styling Option > Custom CSS and paste the following code in the Custom CSS
    Code:
    .content h1 {
    line-height: 30px ! important;
    }
    Adjust the value of line-height as per your requirement.
    This will solve your issue.
     
    louanncovi likes this.
  8. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    Thank you very much!
     
Thread Status:
Not open for further replies.

Share This Page