How to change color on Feature Text Heading font and 3 footer widget background?

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

  1. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    http://www.dc3band.com/

    1. How do I change the color of my Feature Text Heading? After updating the background, I need to lighten the text to #888888?

    2. How do I change the background to the 3 footer widget area to also match the background image that I've place on the website?

    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:
    .content h1 {
    color: #888888;
    }
    .footer {
    background: red;
    }
    .footer-wrapper {
    background-color: red;
    }
    
    Inplace of "red" put your color code.
     
  3. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    I don't have a color code for the bacckground I'm using, it is an image that was included with Blackbird. Can I insert that file somehow? Like I have on the homepage?
     
  4. 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:
    .footer{
    background: url(Enter your image address);
    }
    .footer-wrapper{
    background: url(Enter your image address);
    }
     
  5. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    This worked - but now the main content area of the page turned white? I would like all of the 'background' on the entire page to reflect my background image look.
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

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

    Code:
    .bgimagecolor {
    background: transparent;
    }
    This will solve your issue.
     
  7. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    This worked for the main background coloe on the middle of each page.
    I still want to change the color of the page behind the 3 footer widget area,
    on the bottom of each page.
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

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

    Code:
    .footer_bottom {
    background: transparent;
    }
    This will solve your issue. If not then please specify your issue more clearly with the help of screenshot images that on which place you want to change.
     
  9. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    That answered the second part of my question, but the first question ha gone unanswered. See screen shot attached. Red arrow is pointing to the Featured Text that I need to lighten. I alswo noticed that the PAGE TITLE is still in that same blue font that came with Blackbird. Those do not show up against my background. I will need to know where and how to change that to a lighter color (888888 or white).

    http://www.dc3band.com/

    1. How do I change the color of my Feature Text Heading? After updating the background, I need to lighten the text to (#888888?) I need to understand where I place the code, in case I later need to change it to a lighter color (or white).
     
  10. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

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

    Code:
    .content h1, .content h1 span {
    color: #888888 ! important;
    }
    
    This will solve your issue.
     
  11. louanncovi

    louanncovi Member

    Joined:
    Jun 12, 2013
    Messages:
    116
    Likes Received:
    1
    Location:
    Sun City West, AZ USA
    This changed the Feature Text on the home page, but not the Page Title on every page. How do I change the page title color from the default color to #888888?
     
  12. 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:
    .page-heading h1{
    color:#888888;
    }
     

Share This Page