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.
Pages: 1
split from another topic....
One other think. Do you know if somebody as create a BACKLIGHT page or a template like CE4 "Typography preview"?
There is some setting typography that i haven't good test and understand.
Thank
this should be easy enough for you to do for yourself.
Create a page template and call it something like Typography Demo
Create a page (if you have the Pages Module, otherwise create an album or album set template) and name it Typography Demo.
In the page copy area of the page (or album or album set template) you created, put examples of the various items that the Typography settings control:
place some regular text, some heading text (h1, h2, etc), hyperlinks, blockquotes, a table, a form.
You can use Markdown or html as appropriate or needed.
Here's some table markup from Matt: http://community.theturninggate.net/vie … hp?id=6724
you can find other markup, like lists, easily enough with a search.
Add form. If you have the Pages Module, just insert a form into your page.
if you want to see what the Haiku class does, then place some text inside paragraph tags with the Haiku class:
<p class="haiku"><span>Your text.</span></p>Once you've done all this, look at your page in a browser (if it's an album or album set, just publish one and open it in a browser)
In a separate window or tab, go to the typography settings in the page template and start changing things.
Go back to your page and refresh to see the changes. You can also click the auto refresh button at the bottom of your demo page to see the changes take place as soon as you make them in Backlight.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Ok I have understand the steps
place some regular text, some heading text (h1, h2, etc), hyperlinks, blockquotes, a table, a form
You can find other markup, like lists, easily enough with a search .
Don t it be easier to copy paste à text file off thé typography préview from TTG CE4
Offline
Ok I have understand the steps
Don t it be easier to copy paste à text file off thé typography préview from TTG CE4
If there was one.
It's just as easy to create your own. You can use Markdown: http://ce4.theturninggate.net/docs/doku … 4_markdown
or HTML.
Either way, you'll need to learn one or the other to write your page copy. Markdown is easiest for things like headings, hyperlinks, making text bold or italic. It can do lists too.
HTML is needed for things like tables or if you need to use inline styling or want to add images to the copy areas or apply classes. Or if you need text columns using the responsive grid: http://ttg-tips-and-tricks.barbeephoto. … backlight/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Other think
I understand the title font size H1, H2 ,H3...
In Backlight Backoffice i have just find
Template page > Typography> Font-weight and Bold/Strong Font-weight
But no Font size
In Template Page> Navigation>Font size OK
Thank's
Offline
Ok Rob I have create a page test
I use StackEdit
I have jsut a problem with
Icon missing
Do i need to upload icon? I don't see a link in the code.
the code you're using won't work without the stylesheet for those icons. It looks like StackEdit assumes you're using certain resources.
Backlight comes with Font Awesome: http://fontawesome.io/icons/
On the Font Awesome site, click on an icon to get the code needed.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Other think
I understand the title font size H1, H2 ,H3...In Backlight Backoffice i have just find
Template page > Typography> Font-weight and Bold/Strong Font-weightBut no Font size
In Template Page> Navigation>Font size OK
Thank's
the base font-size is 16px (set in the css).
html {
font-size: 16px; /* @basefontsize */Most other font sizes (headings, for example) are set using em (For example, H1 is set to 2em)
There is no control in the Designer to change the base font size. If you want it changed, you'll need to use custom css.
If you want to see the Backlight css, see this: http://community.theturninggate.net/vie … 012#p44012
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
For anyone interested, here are the basics of making your own typography demo page
http://ttg-tips-and-tricks.barbeephoto. … w-page-in/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Pages: 1