Community @ The Turning Gate

Thanks to your encouragement, I am making some progress. After getting my hands a little dirty, I was able to add left padding to the Navigation Header. This was accomplished by modifying the nav area of the CSS file. I was surprised how easy it was to make this one change.

I tried adding a media query to my the part of the CSS that calls up the texture. I thought this would limit the texture display to screens larger than 1024px, but it didn't work. Here is the modified CSS:

@media screen and ( min-width: 1025px )

.masthead,
nav,
.main, .page__main,
.page__tray[data-position="T1"],
.page__tray[data-position="T2"],
.copyright  {
    background-image: url(/test/photos/bkgrd3.jpg);
    /* adds texture to main page area but not negative space */
}

I don't understand very much about css, so I am lost when you say things like" put the css calling the background texture image in a media query to that it's applies only to screens larger than 1024px".

The reality is that if you are not a web programmer and understand CSS, your option is to work within the confines of Backlight, and when it will not do what you want, then try and take the basic code provided by you, Matt, and Daniel and use it for what it was intended, but without the ability to modify it.

Backlight is huge improvement over CE4, though it does not allow the same level of layout control. For example Backlight allows you to add Padding-left/right to the Masthead, but not to the Navigation Header, which greatly restricts your layout options for these two items. I would like for my Masthead and Navigation Header to line up but am limited to where the placement is. You can see what I mean at my test site   http://sweetlightgallery.com/test/home/

My hope is that future versions of Backlight will incorporate the layout controls that CE4 has and even improve upon them. I am amazed at what could be done with CE4, but I have to say using CE4 was the most frustrating unintuitive work I have ever done on a computer. This is not a criticism, but reflects the limitations of Lightroom and the challenge that Matt faced in creating the TTG plug-ins. The huge disadvantage of the CE4 plug-ins was offset by CE4 Publisher, which allowed easy creation of galleries and the inclusion of meta data in captions, plus CE4 Cart. These features I was not able to find in other wysiwyg website building programs. So I put up with the frustration of CE4 and was rewarded with a website with great galleries and a shopping cart.

The other amazing thing about TTG is the incredible support that you, Daniel and Matt provide on the forums. It puts large software companies like Adobe to shame.

I will continue to tinker, which is a lot easier in Backlight since you can see the results within a second or two.

Thanks again for your help.

I only changed the first part to what I thought would keep the texture from appearing in the negative space, which it does. I left the rest of the code the same, except the transparency setting. Doesn't the section @media screen and (min-width: 1025px) .... control the change from texture to color when the display is less than 1025px?

My goal is to use texture, but not in the negative space. I do not mind keeping the texture in small browser windows, but Matthew seemed to indicate that texture doesn't work well in small displays, that solid colors should be used.

you took the words thoughts right out of my mind. This was my next question. Works nicely, I used a white border.

I set the page template to a one-column layout, which helps the text occupy the entire page, but it is still indented in from the sides. Any thoughts on how to correct this?

setting it to zero worked,

Thanks

Perhaps Rod's tips and tricks, Responsive grid framework in Backlight, might help me to understand how to get around this in Backlight.

as usual, you are great help,

This does what I wanted, thanks

thanks, I will try it out

is there anyway to change the position of the metadata text when viewing the image. Currently it displays at the bottom of the page, well below the image. In my CE4 galleries it displayed just below the image, which I prefer.