Community @ The Turning Gate

Thanks, Rod. You've been a great help to me while I rework my website with Backlight. There is still much to be learned on my part.

Thank you, Matthew. I implemented your code and it worked. One difference: I had to set the opacity value in your rgba statement to 0 so that my background texture would match that in my slide show.

One question: What are the effects of the Negative Space on/off settings overall? I had mine set to "Off" to avoid the default demarcation lines on the left- and right-hand sides of my web site. Following your instructions above, I set the value to "On" and the border lines widths to 0px to get the same effect as with the off setting.

Implemented the following code. Appears to be working.

@media (min-width: 500px) {

main, .page__main, nav, #primary-menu li, .page__column.page__tray, ul#primary-menu, footer {
    background-color: transparent;
}

html, body, main, footer {
    background-attachment: scroll;
    background-image: url(../images/background.jpg);
    background-position: center top;
    background-repeat: repeat;
}
}

No, just css files.

I made that comment because when I searched the code on my web site for the key words "section id", only 4 out of 38 were in HTML files; the rest were in XML. I had wanted to use the IDs as selectors in my custom code, but that didn't work. I'm still learning how to code html and css stuff. Your code appears to be using class and type as the selectors.

Your code worked like a charm. There appears to be a very faint difference in the image intensity in the navigation bar and the footer, but they do contain the background texture.

This also enables me to easily switch backgrounds by simply adding another background jpeg to my web site and switching to it in the css code.

Thanks for all your help, Rod.

Actually the masthead doesn't always seem to come out how I want it.

Actually, I should probably take this back. One thing though, I have lost the background texture in Photoswipe, given the * selector, which I thought was nice to have.

My web site is up and running the way I want it, opening video and all. I can now get back to my photography and create more galleries. The only remaining item is my background texture. If my review of HTML and CSS as well as the Backlight framework is correct, all of the section ids are in XML files so that selectors such as "html, body, main" do not work. What does work is the following code:

* {
    background-attachment: scroll;
    background-image: url(../images/background.jpg);
    background-position: center top;
    background-repeat: repeat;
    }

However, this puts my background texture everywhere, and I do mean everywhere. The one issue I have with this is that it puts the texture into the space in the thumbnail frames. These I want to be white. Any suggestions?

Pleas take a look at www.charking.com.

Except that my custom css has been totally commented out and the background colour of #fafafa is still there. Please see my response earlier to Daniel Leu.

I noticed that myself. I think the bar to which I was referring disappeared when I implemented the centering code you gave me, an unexpected but happy side-effect.

I can't disagree, Matthew. I threw something together and it "worked". It is by no means complete because it allows for only mp4 videos. I would not consider it solid code but only the beginning. Thanks for the link.

Added after initial posting: I was looking for the right word and just thought of it. My video code as it stands now is not robust. It could easily break, but it is a starting point.

Sorry, Rod, but the grey is not gone. I have cleared the cache twice in two browsers, Opera and Chrome, and rebooted as well. Please see the attached images.

[img=Outside]Z:\Storage\Miscellaneous Images\Curser_above_Amor_de_Dios_box.png[/img]

[img=Inside]Z:\Storage\Miscellaneous Images\Curser_in_Amor_de_Dios_box.png[/img]

I get the same results in both browsers.

Added after initial post: I don't know if you can see the images. I've never posted images on this site before. I can put them on my web site and give you a link.

Needed width. This worked:

<div style="width: 854px; margin: 0 auto;">

This also worked (tried it first, but went back to the simpler code based on your suggestion):

<div style="width: 854px; margin-left: auto; margin-right: auto;">

In respect to the colours, there are many such settings throughout Backlight and it is not always clear as to the effect of each setting without testing. To be sure, I modified every one I could find; probably overkill, but it worked.

Any suggestions on these remaining items?