Adding a picture behind the slider area of minimatica theme

unless I don’t quite understand the issue, minimatica has admin settings for a background image. If you only want it on a specific page you may have to use some kind of conditional. Not sure if there’s a plugin or that.

Its hard to explain, but i want to put an image the shows behind the sliding gallery on the main page, background feature is limited and doesn’t do the job at all.

here’s the css which shows up on your home page:

body.custom-background {
    background-color: #000000;
}

you might try to add your paramaters here, but I’m pretty sure it will apply to all pages.

are you trying to use an image as the background for the minimatica post slider? maybe it will work in here:

#slider {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 40px #000000;
    height: 410px;
    margin-bottom: 10px;
    padding: 50px 0;
    position: relative;
}

yeah, not like a website background, but like a backing image for the main menu page slider. I inserted the picture insert code to the slider section in the theme template but that had no effect.

didn’t work, however this did:

#slider {
    background-image: url("path to your image");

}

that is, if you are trying to use an image as the background for the post slider.

ok, thanks man.
I’ll try this out.
I appreciate the help, thanks.

I took a peek, looks like you’re in business! by the way, nice artwork you got there. Sweet site too, I love minimatica. I never knew how to do that either until now, thanks for the learning opportunity.

yep, sure am. Thanks. ??
appreciate it man.

Hey Autumnboy, what exactly did you do to make it work?
Thanks!

I use minimatica too, the css I posted is what makes it work.

I did what deepbevel said to do.

You find the area of code listed above and put the background code in.

Thanks guys!

Just in case any other n00bs need more info..

in the style sheet, find the following code and ADD the BACKGROUND lines. I had a repeating tile..

#slider {
	position:relative;
	height:410px;
	padding:30px 0 30px 0;
	margin-bottom:20px;
	background-image: url("https://url of image.jpg");
	background-repeat:repeat;
	-moz-box-shadow:0px 0px 20px #999;
	-webkit-box-shadow:0px 0px 20px #999;
	box-shadow:0 0 20px #999;
}

Yep, that’s legit, but easier to add the code I posted to the end of the style sheet, over ride, rather than change the original. And only include code you changed, so you’ll know what you changed as conpared to default. Just good practice. (and coming from a guy who doesn’t use a child theme, haha)

edited. I’m dumb.