Main Content Background image padding?

  • Under theme options, advanced styling, main content background, I’d like to add an image that stays just below the content. Can I add top padding to that somehow? I just don’t know what attributes to use in the custom css section in order to add it. I could also add it as a footer background, but can’t get the settings quite right to show the whole image (height). Thanks! Great theme!

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

  • Hey,
    Adding top “padding” would be really hard since it’s a responsive theme and that distance would change on every page and screen size. I think you would be better off adding it to the footer and settings a min-height for the footer.

    can you post a link?

    Kadence Themes

    Thread Starter hk.graphics

    (@hkgraphics)

    gvsod.alphagraphicsbozeman.com is where it’s currently hosted. I could probably add it to the footer, yes, and then add a minimum height – that could work if you can help me! Thanks!

    ok, what is the image? When I look at your site I don’t see it in the footer? Can you set it then I can help you with the min height. I need to see the image to know what kind of min-height you need.

    Kadence Themes

    Thread Starter hk.graphics

    (@hkgraphics)

    Ok I’ve added it to the footer. I just need to make it so that it’s either below or above the footer text… The image itself is this: https://gvsod.alphagraphicsbozeman.com/wp-content/uploads/2015/09/Depositphotos_6812509_footer.jpg

    Thanks!

    Ok so you can use this css if you want to add below everything:

    .footerclass {
    background: url(https://gvsod.alphagraphicsbozeman.com/wp-content/uploads/2015/09/Depositphotos_6812509_footer.jpg) repeat-x bottom center;
    padding-bottom: 200px;
}

    Or this css if you want to add above:

    #containerfooter.footerclass {
    background: url(https://gvsod.alphagraphicsbozeman.com/wp-content/uploads/2015/09/Depositphotos_6812509_footer.jpg) repeat-x top center;
    padding-top: 200px;
}

    Kadence Themes

    Thread Starter hk.graphics

    (@hkgraphics)

    And I just put that in the custom css section? and by “above everything” and “below everything” you’re referring to the footer?

    hannah

    (@hannahritner)

    hk.graphics,
    Yes, you would just paste it in your custom css box in Theme Options > Advanced Settings.
    Above everything meaning above your footer text and below meaning below your footer text.

    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Main Content Background image padding?’ is closed to new replies.