-
Posts
-
I can’t seem to get a main content background image to show in the left sidebar layout. I can see it in the css — and if I tile it horizontally it shows in the preview — but it doesn’t show on the site. Any clues for me? Thanks!
Hi sky19er!
Thank you for using Enfold.
Please try this:
header_color .header_bg { background-color: red !important; }Regards,
IsmaelOK, I tried that — it’s in there now — didn’t seem to do anything… oh I see; you left the dot off the first class selector. So yeah, that turns the whole left column red (I can’t leave it like that, but I have a screen grab linked below). I’m trying to get a background image to tile vertically and align either top-right in that left column or top left in the body area. I can get it to align top left in the left column, but disappears when I go top right, and I can’t get it to show at all in the body area.
Thanks again!
Hi!
All you need to do is to replace the background-color property with the background or background-image property: http://www.w3schools.com/css/css_background.asp
Set the background position then enable background repeat if you’re applying a pattern. A screenshot of what you’re after will help.
Regards,
IsmaelWell, I’m trying to get it to show up between the header/left column and the body area. So, I could put it in the header and use background-position to push it to the right, but then it’s behind the borders and in the middle of the mobile version header. So, ideally, it’d be at the left edge of the body area, but I think it’s getting hidden behind the body area somehow. You can see that it’s there if you squeeze the browser to tablet width (see https://www.evernote.com/shard/s320/sh/8c42c25e-f496-47af-aae0-7a8a1fe00b56/4bfdeacc9c88000eb556f3912a4b4df2 ), but it disappears in the desktop layout.
So, in other words, here’s what I’m after:
https://www.evernote.com/shard/s320/sh/ae6a2773-08a3-4885-b6c8-91895dfccb37/2634427b2c6fb8aefea779177607cf54
And I’m getting it in mobile/tablet view, but not in desktop.Thanks!
Hey!
You would need to use some media queries to achive that, and it is outside our support scope.
You can use our partners on customizations, to assist you further:
http://kriesi.at/contact/customizationBest regards,
BasilisBut background images don’t seem to work at all in the Main Content area. The option is provided in the theme, and background images show in the General Styling preview, but they don’t show on the site.
Here’s a screen grab of the preview:
https://www.evernote.com/shard/s320/sh/6ce73889-e140-4e72-a5b1-054743643d68/5cccfa2965b440c685e4fe23dc1f1ba7But nothing on the site:
http://2fa.490.myftpupload.com/You can see the code in there, but it’s not working:
https://www.evernote.com/shard/s320/sh/526deff2-94fe-4823-aa57-e4e934f4febe/df74fe614e6a94c6da306e40d719ec7aHey!
You can do something like this:
#header:after { content: ''; background-color: red; width: 5px; height: 100%; display: block; position: absolute; top: 0; right: 0; }Add the alternating color background as background image. Use css media queries to adjust the background on smaller screens.
Cheers!
IsmaelOK, so the theme option for adding a background image to the Main Content area doesn’t work in the Left Sidebar layout, correct?
Hey!
I think it should work. Are you using any caching plugin? if yes go into it’s setting and switch off caching. Afterwards deactivate all your plugins. Clear browser cache and refresh your website a few times.
Hope this helps.
Regards,
AndyI don’t think that’s the issue — the background image shows in the header, footer, etc. — it just doesn’t show in the Main Content area, where I need it ;) You should easily be able to test this on your end — I think you’ll find that the theme option for adding a background image to the Main Content area doesn’t work in the Left Sidebar layout. Please let me know if I’m mistaken.
Hey!
Actually, the option is working for the left sidebar. Note that you can change the “Left Sidebar” header background in the Logo Area panel, not on the Main Content panel. If you have a chance, try the latest suggestion above. It works to create a smashingmagazine-border-like-design on my installation
Regards,
IsmaelWait, are you saying that adding a background image in the Main Content area (in the Left Sidebar layout) does work? As far as I can tell, that option doesn’t work. And adding a right-aligned background image in the Logo Area via the option panel doesn’t seem to work either. Am I wrong about either of those things? I mean, it’s ok if they don’t work; you can just tell us, “Sorry, you’re right, those options don’t work in the Left Sidebar layout. We’ll try to either fix or remove those options in a future update,” or something like that… ;)
Your suggestion above puts a background color behind the border / menu divider lines. If you can send me css for a background image that’ll show up above / on top of the border / menu divider lines, that could work, but I couldn’t even figure out how to make your suggestion work with a background image.
Thanks again.
Hey!
I just tried to implement a background-image into my main content with left sidebar and it worked. I used this code:
main.template-page.content.av-content-small.units { background-image: url(https://www.image.de/image.jpg) }Hope this helps!
Regards,
AndyOK, that didn’t quite work for me — that puts the image inside the container padding or something, so it’s 50px from the left edge, and if I try to move it left, it disappears. Also, that only worked on my inside pages, not my home page (maybe because my home page doesn’t have a sidebar). BUT, that did help me get to something that does work, which is this:
.main_color.container_wrap .container { background: transparent url(https://2fa.490.myftpupload.com/wp-content/uploads/colored-divider-vert.png) top left repeat-y scroll; }FYI, I’m sticking with the horizontal footer version for now, so the above isn’t actually implemented on my site, at the moment.
Thanks for persevering with me, nonetheless ;)
Hey!
about which horizontal footer version are you talking about? can you show us screenshots? and a link please?
I can’t open your website, as I just get a “Gateway Timeout: can’t connect to remote host” error.Cheers!
AndyOh I’m sorry — I didn’t mean I needed any more help — I was just pointing out that, if you go to the site, you won’t see the vertical background image left-aligned in the Main Content because (once I was able to finally do it and see what it looked like) I decided using the horizontal version in the footer looked better anyway.
The site seems to be working fine, now — maybe it was a transient error: http://2fa.490.myftpupload.com/
Thanks again.
- The topic ‘main content background image not showing’ is closed to new replies.