MicrostockGroup

Microstock Photography Forum - General => Symbiostock => Symbiostock - Technical Support => Topic started by: Anita Potter on May 29, 2013, 20:10

Title: Background images
Post by: Anita Potter on May 29, 2013, 20:10

Has anyone successfully integrated a background image?  I was trying to do that now but did not realize that all of the navigations and where text stuff goes was completely transparent.  I've been working with the child theme and over-riding the main SY theme but I don't think it's going to work out at all.  So I may have to ditch the idea. 

You can get a laugh at my oops at http://images.mddu.com/ (http://images.mddu.com/)

I'm thinking about taking that image and putting a white background right in the middle or redoing it altogether.  I'm open to any suggestions.

Thanks for bearing with me through this.

Title: Re: Background images
Post by: Reef on May 29, 2013, 21:02

Try something like this

.home-content {
    background: #ffffff;
}

For your background image you probably want to scale it to fit, so add something like this

background-size: 100%;

Title: Re: Background images
Post by: Anita Potter on May 29, 2013, 21:42

Thanks Reef I shall try that right now.

Title: Re: Background images
Post by: Anita Potter on May 29, 2013, 22:17

It worked but I have a padding issue with the horizontal menu in relation to the content below.  I think I'll just make a new image put the vines on the left then a big white block on the right and see how that works.

Title: Re: Background images
Post by: Kerioak~Christine on May 30, 2013, 00:42

I did have one but could not get everything to line up so reverted back to white but nave another idea for when ii get time to try it.

Title: Re: Background images
Post by: Leo Blanchette on May 30, 2013, 00:47

Am I misunderstanding anything? The question is how to assign a background image using the child theme?

Title: Re: Background images
Post by: Anita Potter on May 30, 2013, 01:01

I got the background image to work on the child theme but the main nav stuck out to the side when I used the css Reef posted earlier.  That made the background white but the navigation stuck out to the left and the content underneath needed more white space on the left.  I couldn't figure out which css code changed the padding.

Right now I'm good.  I'll stick to the plan that I had with the vines then the white space to the right to add a little interest to the page.  The only thing right now I can't find and change is the blue link color on my recent post widget.  That and I need to put my logo where it needs to go.  I edited a core file as well and need to remember which one(s) that was so I can copy them over to the child theme.