Please accept my apologies if this is in the wrong form - so i have finally decided a template and fine tuned it to a degree but still have 2 things left im trying to achieve and don't believe its in the standard setting and will require a code change of sorts
can anyone point me in the right direction or what file to look in to try and find the code that may contribute to this - the template im using is Saturn and im trying to achieve the following
1: left alignment of the images to left of page and any corresponding text under image
2: where is says ceramic tile in the title bar get some more text / a couple of paragraphs in there
You might want to vary the left padding on the caption to place it better.
But you're going to have problems with that. If the last row contains a different number of thumbnails, the layout will insist upon centering that last row of thumbnails below the others. Changing this would require a wholesale change to the structure of the page, which is not something you can do with some code tweaks. See thumbsleft.png.
For the title bar text, you can enter as much as you want in the album title, album description, folder title, and folder comment. See albumtitle.png and foldertitle.png for examples.
You could also put text into a block of text between the title bar and the thumbnails by entering it under Saturn > Code > Top & Bottom Info.
thanks Jeff ok so after many days of trialling many software's and many hours in front of this screen and go through the instruction manual on your site - i am finally getting close to the image in my mind lol, i have attached an image of the outstanding things im trying to achieve - some of them may need a custom code and some may not only you could tell me this.
regarding the colours its a custom colour im trying to achieve so would have to enter the # hex code
i have posted another pic Screenshot 2022-06-25 165524 which when you see will understand why im trying to get left alignment
it may seem a lot of work but it's not one post its many in a series similar posts that will be same layout.
In a test album, screenshot attached. You might want to tinker with adding some padding-left to some things, just to prevent them from hugging the left side of the frame too closely.
The color changes are the easy part. Just choose the Custom style of Saturn, then hit the Saturn > Custom panel, where you can make things any color you like. You can choose one of the preset styles as the starting point, then just change the things you want to alter.
it's perfect and the finish line is in sight just 1 small point
1 the yellow line i drew to the left of the image - basically the frame - i changed to the same colour as the background which is why you cannot see it im guessing this is what is stopping the pictures aligning to the left to match the text ? - any solution for this
its also reporting this in the box to get the embed code and nothing else
Albums created with this skin should never be embedded in an iframe on another page.
The thumbnail images aren't hard against the left side because the skin, by default, places a surround around the thumbnails. Changing the color doesn't make it take up less space. To turn it off, another bit of CSS. I've made some other changes, since you seem to want to get rid of any and all aesthetics, and I'm guessing you're not using folders at all (so no sense including the CSS for them):
The "padding?" in one of your screen shots is simply a CSS box-shadow. Saturn > Title Bar > Borders > Shadow > 0px.
You really, really need to learn how to use the browser's developer tool bar. You could work out most of these things yourself, with just a little tinkering. At this point, it's all just a matter of setting the correct padding values to get things to line up the way you want them to.
its also reporting this in the box to get the embed code and nothing else Albums created with this skin should never be embedded in an iframe on another page.
Yes, because that's something you should not do.
The skin is designed to produce pages that are fully responsive to the dimensions of the viewport. It is possible, but very tricky, to produce a responsive iframe, then embed the album in it. But if you're creating an iframe of fixed dimensions, you are dooming visitors who have a monitor that's bigger or smaller than yours to being lumbered with an image display that's either comically small, or that spills out beyond the edges of the monitor, and requires scrolling up and down to see the whole image. Remember, if you use an iframe, the lightbox display of the slide image will have dimensions that are limited not by the size of the viewport, but by the size of the iframe. That may be much smaller or much larger than the viewport.
But if you insist upon putting the album in an iframe, there's no "magic" code to make that happen. It's just a standard iframe with a src attribute pointing to the album.
The thing to remember is that most jAlbum skins produce complete web pages, intended to stand on their own. They're not like some sort of "plug ins" that create little code chunks for showing things within another page.