Full width header image

Discussion in 'BlackBird WordPress Theme' started by dseiter, Oct 23, 2013.

  1. dseiter

    dseiter Guest

    Joined:
    Feb 28, 2013
    Messages:
    20
    Likes Received:
    0
    followed the instructions from the earlier thread: no dice.
    This is the second item (right side widget area and now this) that I've read through the forum, got what appears to be an answer, and yet nothing I read works.

    Starting to question the value of these plugins and this forum???

    Should I not be wasting time (2 hours now) reading this forum since nothing I have read yet even works?? And why is there no way to search JUST in the theme forum I am working in. I do a search for header image size and I get answers from forums that do not pertain to this theme in the least....

    Would love to know if I just need to stop wasting my time reading the forum and ask a new question (new thread) everytime??? If that is the case, you should just shut down this forum. So far, a huge waste of time!!

    All I'm trying to do is replace the header with a full width one... I used this code (from an earlier thread).

    .header {
    background-image:url("/wp-content/uploads/2013/10/ryereheader2.jpg") !important;
    height:132px;
    background-size:100% 100%;
    background-position:center;
    }
    .header .logo {
    display:none;
    }

    now I'm approaching my wit's end... I've added the following code to
    "styling options/custom css" (does not work)
    I've created a child theme and added it to the style.css file (does not work)

    Would somebody PLEASE educate me on what magical formula it takes to get the most simple css adjustments made to this theme....

    .header_container {
    background: url("images/header-bg.png") repeat-x scroll center bottom #000088;
    padding: 5px 0;

    .flexslider {
    width: 70% !important;
    }

    .header {
    background-image:url("/wp-content/uploads/2013/10/ryereheader2.jpg") !important;
    height:132px;
    background-size:100% 100%;
    background-position:center;
    }

    .page_info {
    display: none!important;
    }
    .page_info_wrapper p {
    display: none!important;
    }
    .header .logo {
    display: none!important;
    }
     
  2. Piyush

    Piyush Support Staff

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

    I think you want to display the image in the background of header area.
    If yes then paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .header_container {
    background: url(Enter the image URL address here);
    background-size: 100% 100%;
    }
    This will solve your issue.
    Otherwise clarify your issue.
     

Share This Page