Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
The base font size affects a lot of elements. You could take a look at the main css file to find them all. what it means is that if you change the base font size you’ll unintentionally affect a lot of other things.
You’re better off just addressing the title and descriptions in the album sets on their own.
Thanks, Rod. I think I've fixed all the font size issues as you suggested. One small problem remains: the caption is cutting off the bottom of my vertical photographs. I'll work on that later.
They're actually the same size font. You're using different fonts for each site.
They both report at 14px for the title and 12px for the description using WhatFontAnd the css shows the title at .857rem on both sites (14px) and both sites use 16px as the base font size.
The 0.75rem and 0.857rem font sizings appear multiple times in the code and all relate to 16px. Not only does it affect the thumbnail text, but also the caption text and copyright text. Changing the font size in custom.css as I have done does not affect the base font size of 16px.
How can I change the base font size to a larger value to effectively increase the text size which is a fraction of this value? And what are the ramifications of doing so?
If you want the bigger font size to be the same as for the paragraph, you might add it to your custom.css as well:
.the__copy p, .the__copy li { font-size: 16pt; }
Thank you, Daniel. That worked. I keep forgetting that Markdown "code" gets translated into html. I have some homework to do.
Before you responded, I removed the reference to the Adobe typekit and all was normal, but without my chosen font and smaller than I wanted. My guess is that my other font size issues may relate to the issue here.
PS: I reverted to using custom.css and removed custom2.css.
That's because you changed your font size in custom.css and custom2.css:
.the__copy p { font-size: 16pt; }It might be a good idea to consolidate your two custom.css files in one, unless there is a good reason to have two. But then I would eliminate duplicate settings.
The reasons for custom.css and custom2.css go back to my initial reworking of my website in Backlight 2 back in December: http://community.theturninggate.net/vie … hp?id=9291. At the moment both specify the same font size, and for my last test I nullified the code in both. Besides, phpplugins.php references or executes only custom2.css; I had previously removed the reference to custom.css.
The Markdown list font size is unchanged and still too small. It appears that my custom.css/custom2.css coding has no effect on this issue.
Thanks again, Rod. The caption is there now.
I think you'll need to delete the photos and re-upload them.
Thanks, Rod. Can I simply delete the photos from my website using ftp procedures or must i do something through Backlight 2?
The Backlight 2 font sizes, both album title and description, in the descriptive thumbnail grid are much smaller than in Backlight 1.
Backlight 2: http://charleskinghorn.com/bl2test/galleries/
Backlight 1: http://www.charleskinghorn.com/galleries/
The text for an unordered list is smaller than the text in the rest of the copy (see http://charleskinghorn.com/bl2test/info/). This was not the case in Backlight 1 (see http://www.charleskinghorn.com/info/).
I should clarify. I can’t Get the UI bar or the buttons to change color. The caption text changes color though
The metadata should still show up, it has in my testing,
You may need to clear template cache before itappears.
Unfortunately that's not working for me.
It should. Matt just updated Fancybox, maybe some new settings got missed
could be a bug. I've reported it.
Thanks, Rod. If a bug, the problem could be that I'm doing my publishing outside of Lightroom, a process which is new in Backlight 2.
1. In the album template under photo presentation. Change colors for UI Background and Buttons and Captions
2. You might be looking at white text on a white background. Try changing the Buttons and Captions color
In the Slideshow section of Photo Presentation "Background-color" and "UI Background-color" are both white and "Buttons and Captions" is black. The color settings are giving me the white background I want for my photos in the slideshow but do not appear to affect the black bar across the top.
I am rebuilding my website in Backlight 2 using the Pangolin modules. Instead of using the Lightroom Publish feature I am (re)building my albums directly in Backlight 2. All is good (besides a few font issues) except:
1. In displaying each photograph in slideshow mode there is a black bar across the top of the screen with a number of white icons in it. I want this bar to be white with back icons. How do I do that?
2. My caption for each photograph "{CellNumber} of {NumImages}" is not appearing.
My test website: http://charleskinghorn.com/bl2test/.
Backlight 2 can accommodate Okapi. You need to install the modules from you Backlight Modules page.
Are you updating an existing BL1 site to BL2Z.If you want the Pangolin/Backlight 2 features in those albums you’ll need to assign a Pangolin template to them.
Thanks, Rod. I am recreating my Backlight 2 version of my website from scratch with no reference back to my current Backlight 1 website. Given your last statement it is probably best that I do the same for my galleries, recreate them entirely using the Pangolin templates.
My website using Okapi-based modules in Backlight 1 converted successfully to Backlight 2 except for my background pattern (problem described in a separate post). Since I wanted to convert from the Okapi-based modules to the Pangolin-based ones, I decided that the best way was to recreate my web site in a test region using the Pangolin templates. I have done this except for my galleries.
At the same time I have decided to stop using the TTG Publisher in Lightroom and, instead, to install my galleries through Backlight 2. I am doing this because for some reason almost all my TTG Publisher collections in Lightroom simply disappeared. I would, therefore, have to recreate them in Lightroom in order to be able to update their contents.
Is there an easy way to install the already-existing Okapi-based galleries into my new Pangolin-based web site, or is it simply better to recreate them using the Pangolin templates as I have done with the rest of my web site?
The selector is:
.the__copy p
Two underscores
I noticed the extra length; but for some reason I took it to be the underscore equivalent to a single em dash, possibly because it was replacing ".the-block" in your posting.
It works. Thanks again.
For the Copy areas, this came up in a search:
http://community.theturninggate.net/vie … hp?id=8408
It’s about text-align but you can instead use font-size
I have added the following code to custom.css.
.the_copy p {
font-size: 24pt;
}
It does not seem to be having any effect. When I inspect the element, font-size always shows 16px which appears to be the value inherited from div.the_copy (font-size: 1rem). I noticed that custom.css was executed before the Adobe typekit css. Thinking that the Adobe code might override or nullify the custom code, I added custom2.css with the same code but executing after the Adobe typekit.css. No change, same results (or lack thereof).
Any suggestions?
How does one control the font size in the Page Copy and Pallet Copy sections of Page Design? css? If so, any samples?
that will require custom css
From the web:
How do I type a blank character?
Press and hold “Alt” key and while holding it, type digit keys 255 at the numeric keypad. 4. Release the “Alt” key. 5. After releasing the “Alt” key a blank character is inserted into a text and cursor moves to the next position.
I began to think of my days as a programmer, sometimes working at the machine language level, and the different coding structures at that level. Did a web search and found that. It works, whereas simple keyboard spaces will not.
Added: The alt-255 character is added to the names in the menu set. They can be before or after the actual letters.
clone the template and then change the layout of the new template.
On the templates page, just click on the name of the template. “Clone” is one of the options.
Thank again, Rod. I didn't notice that option before.
that will require custom css
Thanks, Rod. I think I can live with what I've got. I don't mind using custon css, but this is a minor issue and not worth the hassle.
What does "Padding - left/right" do?
Anyone who is on an Adobe subscription plan has free use of the Adobe Fonts (previously known as the Adobe Typekit). See https://helpx.adobe.com/ca/fonts/using/ … bsite.html for instructions on how to create a web project.
The web project containing the fonts you selected will be contained in a css file on an Adobe site. It can be used by including the following code in your phplugins.php custom code.
function head() {
echo'
<link rel="stylesheet" type="text/css" href="https://use.typekit.net/adobe-supplied-name.css">
';
}
You then enter the font name of the font you want to use (you can have more than one font in the web project) in the "Prepend Font-family w/" parameter in Backlight 2.
I hope this helps.
I have been trying to expand the spacing between the various menu items in my navigation bar (Home, Info, etc.). The "Padding - left/right" in the Horizontal Navigation area does not seem to work. Am I looking in the wrong place?
I have set up my default template to include a background pattern, special fonts, and the general appearance I want for my web site. I need a second template which is identical to the default one except that it has two columns instead of one. How can I base the second template on the default one without having to duplicate all the entries?
I appear to have fixed the problem by playing around with different Masthead parameters.
I'll look into the links you provided me in the preceding responses to my questions. Thanks, Rod.
How do I get rid of the top pallet entirely? I have removed the search button; and all colours, background and others, are showing an "X" other than the Overlay Color which doesn't have the "X" option. "Has Height" options are both set off. Border-top and Border-bottom are both set to zero. I still have a white or clear band across the top of the web site page instead of my background pattern.
How can I use Adobe fonts in Backlight 2?