Background color for container or wrapper

  • mitchydee

    (@mitchydee)


    10 years, 10 months ago

    I’m trying to set the background color of the entire middle section of the site (container?wrapper?)

    This solution ALMOST works:

    #content {background-color: #ffffff !important;}
    .page-header {background-color: #ffffff !important;}

    …. but leaves a gap around the page header above.

    and just doing this:
    .container {background-color: #ffffff !important;}

    … is actually TOO much, as it covers up the top bar section.

    There’s a div or class hiding in there somewhere. Help?

Viewing 8 replies - 1 through 8 (of 8 total)
  • hannah

    (@hannahritner)

    10 years, 10 months ago

    Hey, can you post a link?

    Hannah

    Thread Starter mitchydee

    (@mitchydee)

    10 years, 10 months ago

    Unfortunately I can’t, as its on a client server in a password-protected directory.

    I was able to fill the gap that I was referring to on the page-header by just increasing the margins and fattening the padding on .page-header; so that issue is “resolved.”

    However, I have a similar issue with the flex slider on the front page. Where in the CSS can I adjust the size and/or margins around that slider?

    Thanks for any assistance. I know not having a link or screenshot to work from is not very helpful, but hopefully my question regarding the flex slider margins is fairly straightforward (?).

    hannah

    (@hannahritner)

    10 years, 10 months ago

    Glad you got the first problem resolved. I think this class is what you’re looking for:

    .flexslider {
  margin: 0;
}

    Hannah

    Thread Starter mitchydee

    (@mitchydee)

    10 years, 10 months ago

    Unfortunately, that didn’t work. Actually no styles that I include under that class seem to be recognized by that flexslider (?).

    I also need that slider to be the same width as the content region below it, but the slider width options in the Theme Options maxes out at 1170px. Any other recommendations?

    hannah

    (@hannahritner)

    10 years, 10 months ago

    What else is in your css? Make sure all your brackets are properly closed.
    You content should only be 1170px wide. Can you send a screenshot?

    Hannah

    Thread Starter mitchydee

    (@mitchydee)

    10 years, 10 months ago

    I would LOVE to send a screenshot. Is it possible in this forum? I’m not seeing the option.

    I was able to resolve the vertical margin issues, via..

    .flexslider {
    margin: -15px;
    }

    … however, am unable to do so horizontally.

    The content region that I’m trying to fill with the slider is exactly 1170px wide, but the slider is actually maxing out at 1140px wide; even though the images within in it are 1223px wide. Not sure if any of that is helpful (?).

    Thread Starter mitchydee

    (@mitchydee)

    10 years, 10 months ago

    I had to abandon the flexslider for another slider that I shortcoded into the entry-content area, and that actually solved my problems. However, thank you for your time on this. It has been much appreciated!

    Ben Ritner – Kadence WP

    (@britner)

    10 years, 10 months ago

    You can use this for screen shots:
    http://tinygrab.com/

    Your image slider can have this css:

    #imageslider {
  padding: 0;
}

    Kadence Themes

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Background color for container or wrapper’ is closed to new replies.