• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Header image (Blog Layout)

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Header image (Blog Layout)

Tagged: header image

  • This topic has 13 replies, 3 voices, and was last updated 7 years ago by chasingthedonkeY.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 14, 2015 at 12:24 pm #299
    chasingthedonkeY
    Participant

    Hello,

    I have followed the steps from the blog layout to have a full-width header. BUT it’s not taking up the full space. Could you tell me what I have done wrong?
    http://www.chasingthedonkey.com/

    Thanks

    June 14, 2015 at 12:40 pm #301
    Davinder Singh Kanith
    Moderator

    For full width header:

    1. Remove widgets from header right widget area (make sure it’s empty).
    2. To upload image, go to Appearance > Customizer and then use retina option in the header image section.
    3. Here you need to upload image that is double the size of required header image. For example here – http://demo.simpleprothemes.com/flex/blog/ – the image is of size 2160 X 500 size – http://demo.simpleprothemes.com/flex/blog/wp-content/uploads/2015/06/flex-blog-logo-retina.jpg

    June 14, 2015 at 1:43 pm #306
    chasingthedonkeY
    Participant

    Horray! That worked. It was the size I was uploading the wrong width. I’ll get my designer to make me one up in that new size.
    Is it possible make that whole header area black (full width)? Thanks.

    June 14, 2015 at 2:04 pm #308
    Chinmoy Paul
    Moderator

    Add this in your style.css file for black header

    .site-header,
    .site-header .wrap {
       background: #090909;
    }
    June 14, 2015 at 2:17 pm #310
    chasingthedonkeY
    Participant

    Thanks, at the very end of it? I did that, but nothing changed.

    June 14, 2015 at 2:23 pm #312
    Chinmoy Paul
    Moderator

    I am thinking that you are using cache plugin. Clear the cache and it will work. Currently site is not taking updated css file due to cache plugin

    June 14, 2015 at 3:11 pm #313
    chasingthedonkeY
    Participant

    You rock!!!!!!! Oh man, my site NEVER has looked so good. Thanks Chinmoy.
    Can I do the same with the footer? And also, can I make the buttons (on pagination and sliders) that are now blue and change then to black also? If you prefer I can open another ticket. Thanks again.

    June 14, 2015 at 3:21 pm #314
    Chinmoy Paul
    Moderator

    Footer:

    Currently style.css file have this css

    .site-footer {
        border-top: 1px solid #e3e3e3;
        color: #444;
        font-size: 14px;
        line-height: 1.3;
        padding: 20px 0;
        text-align: center;
    }

    Replace by

    .site-footer {
        background: #000;
        border-top: 1px solid #e3e3e3;
        color: #949494;
        font-size: 14px;
        line-height: 1.3;
        padding: 20px 0;
        text-align: center;
    }
    
    .site-footer .wrap {
        background: #000;
    }
    June 14, 2015 at 3:26 pm #315
    Chinmoy Paul
    Moderator

    Pagination Buttons:

    Find this css

    .archive-pagination .active a, 
    .archive-pagination li a:hover {
        background: #22a1c4;
        color: #fff;
    }

    and Replace by this once

    .archive-pagination .active a, 
    .archive-pagination li a:hover {
        background: #000;
        border-Color: #000;
        color: #fff;
    }
    
    June 14, 2015 at 4:40 pm #317
    chasingthedonkeY
    Participant

    Thanks, that almost all worked. I now just need to know which section will change the whole footer (that the three widgets are in) and not just the line at the bottom.

    FYI: I managed to find the other buttons for the enews etc and make them black also.

    June 14, 2015 at 4:49 pm #318
    Chinmoy Paul
    Moderator

    style.css file have this section

    /* # Footer Widgets
    ---------------------------------------------------------------------------------------------------- */

    You will change the border-color, background color and text color. Hope that this information will help you.

    June 14, 2015 at 5:02 pm #319
    chasingthedonkeY
    Participant

    Great thanks! You’ve been very helpful.

    June 14, 2015 at 5:15 pm #320
    Chinmoy Paul
    Moderator

    Thank you.

    But menu is not looking good on mobile device. Can you modify the CSS from @media queries section? All responsive css are locating at bottom of style.css file

    June 14, 2015 at 6:03 pm #321
    chasingthedonkeY
    Participant

    ? I am sorry, I don’t know what that means.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates