Change the color and size of the font

Discussion in 'BlackBird WordPress Theme' started by lyubo, May 17, 2013.

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

    lyubo Guest

    Joined:
    May 15, 2013
    Messages:
    67
    Likes Received:
    1
    Hello,

    How can I change the
    - color of the font,
    - size of the font,
    - the font to another font (eg. Arial)?
    And I want to make the changes at the whole site:
    1. the front page,
    2. the subpages,
    3. side bar,
    4. feature columns,
    5. footer,
    6. the area above the footer,
    7. and perhaps any areas which I forgot to mention, but you think are important.

    The best is if I can change the font format settings for the editor (Paragraph, Address, Headings 1 to 6).

    Thank you!
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    h1, h2, h3, h4, h4, h5, h6{
    font-family:symbol!important;
    color:red!important;
    font-size:26px;
    }
    p{
    font-family:symbol!important;
    color:red!important;
    font-size:20px;
    }
    a{
    font-family:symbol!important;
    color:red!important;
    font-size:20px;
    }
    Inplace of "symbol" put your font type.
     
  3. lyubo

    lyubo Guest

    Joined:
    May 15, 2013
    Messages:
    67
    Likes Received:
    1
    OK, thanks, but I have a little issue now:
    I need to exclude the menu bar, the slider box, the read more buttons, the footer and the area above
    the footer, because they are all dark with bright text.
    So I need the regular text at the home page and sub pages black and the other at dark background white.
    How can I resolve this?
    Perhaps is the better way if I can change only the text areas in the sub pages, the side bar and the feature columns separated?

    Thank you!
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Please Specify and explain your issue more clearly with the screen shot images that at which area you want to change the font, font-color.
     
  5. lyubo

    lyubo Guest

    Joined:
    May 15, 2013
    Messages:
    67
    Likes Received:
    1
    Hi, I could make all changes which I wanted at the front page.
    I need now to change only the color (make it darker) and the size of the font at the sub pages and in the side bar (without changing the front page).
    Here one screen shot:
    text color.JPG
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .page-content .content-bar p {
    font-size: 15px;
    color: black ! important;
    }
    .sidebar p {
    font-size: 15px;
    color: black ! important;
    }
    inplace of 'black' put your color of color code.
    This will solve your issue.
     
  7. lyubo

    lyubo Guest

    Joined:
    May 15, 2013
    Messages:
    67
    Likes Received:
    1
    Thank you Gourav, thank you Piyush! Great support!
     
Thread Status:
Not open for further replies.

Share This Page