to header issue

Discussion in 'BlackBird WordPress Theme' started by pratam1, Feb 8, 2013.

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

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    Hi support,

    I would like to have a top padding on my top header so that is shows the with background of the container. here is my code.. Can you please help! ScreenHunter_100 Feb. 08 13.31.jpg
    .header {
    overflow: hidden;
    background: #beb8b8;
    border-top-left-radius: .5em;
    border-bottom-right-radius: .5em;
    border-top-right-radius: .5em;
    border-bottom-left-radius: .5em;
     
  2. pratam1

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    Hi support,

    I have a few questions.

    I would like to move the circles content up closer to the line. How do i do this? see attached images.

    ScreenHunter_106 Feb. 09 01.14.jpg

    I would also like to have the footer be the same width as the container while still keeping the widgets alligned correctly. See attached image.

    Thanks alot
     

    Attached Files:

  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .header {
    overflow: hidden;
    background: #beb8b8;
    border-top-left-radius: .5em;
    border-bottom-right-radius: .5em;
    border-top-right-radius: .5em;
    border-bottom-left-radius: .5em;
    padding-top:40px;
    padding-bottom:40px;
    }
    Adjust the values of padding as you required.
    This will solve your issue.

    Thanks,
    Piyush
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    For your first issue, paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .feature-content {
    margin-top: 25px;
    }
    Adjust the value of margin-top as you required.

    For your second issue, paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .footer-wrapper {
    background-color: transparent;
    }
    .footer {
    width: 981px;
    }
    Adjust the value of width as suitable for your website.
    This will solve your issue .

    Thanks,
    Piyush
     
  5. pratam1

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    Thanks for your reply!

    I have one more issue. When I lower the screen zoom, I see that my background image repeats past the bottom footer. How can i stop that?
     

    Attached Files:

  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Our theme have designed for the standard screen. This is not an issue, it's comes in every website.
    So ,dont worry about this.

    Thanks,
    Piyush
     
  7. pratam1

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    Ok Thanks,

    Also, i would like to make the theme non responsive. How do i do this?
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    1. Go to style.css file present in the theme directory and remove all the media screen code from line 1887 to line 2529.
    For the reference see the image given below
    [​IMG]

    Similarly inside your themes CSS directory, delete the same media screen code from 960_24_col_responsive.css

    The entire code to be deleted would start from line number 156.

    This solve your issue.

    Thanks,
    Piyush
     
  9. pratam1

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    where can i find this code?
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     
  10. pratam1

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    Hi Support,

    I'm having a big issue. here is my website: http://blueeyedbakettes.com/

    I would like to have my site look the same size on mobile as it does on desktop.

    I want my site to fit the screen of a mobile device. I would rather not have it become responsive, I would like for my pages just to fit on mobile.

    How do i do this?
     
  11. Gourav

    Gourav Support Staff

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

    We have seen your website in mobile, It is looking same as it looks in Pc, Please explain about which view you are talking.
     
  12. pratam1

    pratam1 Member

    Joined:
    Apr 7, 2012
    Messages:
    41
    Likes Received:
    0
    I was able to remove the code to make it look that way on mobile.

    Thanks for all you help!

    You guys have awesome support
     
Thread Status:
Not open for further replies.

Share This Page