Community @ The Turning Gate

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.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2016-05-30 03:06:09

Markus
Member
From: Witten - Germany
Registered: 2012-10-06
Posts: 204
Website

Navigation - Borderline and another Font

Hello from germany,

yesterday I bought Backlight and fight my way through currently the many settings. Also I don´t understand the meaning of same terms:

What is (in Design Template):

  • Off-canvas triggers 1.

  • Tagline (in masthead) 2.

  • Copy Area 3.

But now my real question:

I would like below and paste lines above the navigation and change the font and size of the navigation.
Just as on my homepage in CE3: der-canonier.de
Currently it looks like this: Backlight Test

I guess that I have to make these things in the custom.css or in the phplugins.php, right?
But exactly where and how?

Many thanks for your help

Markus

Offline

#2 2016-05-30 05:20:55

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Navigation - Borderline and another Font

Off Canvas triggers are the "hamburger" menus you see at the top right or top left when viewing the site on a mobile device or when you size the browser small enough for the sidebar trays to disappear. Click on them to reveal the trays.
The Off Canvas Trigger section lets you style these with colors.

Tagline is just a way of describing your site. It will appear if you're not using a graphic logo for the masthead.
If you use it you might have something like:
Rising Sun Photography  (name of company or Identity)
Catching the early light  (Tagline)

Give it a try and see what happens.

Copy Areas are the areas where you can place page text.


Any navigation menu styling not available in the interface needs to be done with custom css

To place a border above and below navigation, try adding this to your custom css file:

ul#primary-menu {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2016-05-30 15:45:44

Markus
Member
From: Witten - Germany
Registered: 2012-10-06
Posts: 204
Website

Re: Navigation - Borderline and another Font

Hi Rod,
thanks for your help - that´s works fine for me.

Is there is a point where I can see the different areas or fields for phplugins and custom.css that I can use? For example, "Primary-menu", "border-top", "border-bottom" etc.

Or I can show this somehow?

e.g. I would like to change the font of navigation. same time I want to change the font size.

Or another example: I would like at the Breadcrumps the term "Home" by my favicon replace (as on my homepage in CE3)

In CE3 I could make these settings directly in the web module. That was for me - I am not so good versed in programming - of course, much easier.

But I would love to learn it so I can make my site individual.

Markus

Offline

#4 2016-05-30 16:17:30

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Navigation - Borderline and another Font

New styling options will be coming for navigation in our 1.0.2 update, within a week or two.


Matt

The Turning Gate, http://theturninggate.net

Offline

#5 2016-05-30 16:20:35

Markus
Member
From: Witten - Germany
Registered: 2012-10-06
Posts: 204
Website

Re: Navigation - Borderline and another Font

That´s sounds great

Offline

#6 2016-05-30 23:30:06

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Navigation - Borderline and another Font

Is there is a point where I can see the different areas or fields for phplugins and custom.css that I can use? For example, "Primary-menu"

best advice for css: learn to use the browser's inspector along with some css
http://ttg-tips-and-tricks.barbeephoto. … selectors/

Prior to the next release, if you want to play around with using custom css for the font, see:
http://community.theturninggate.net/vie … hp?id=6533

for phplugins, I've created a page that shows where all the on-page hooks are located:
http://backlight-rb-test.barbeephoto.co … ations.php


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#7 2016-05-31 03:23:55

Markus
Member
From: Witten - Germany
Registered: 2012-10-06
Posts: 204
Website

Re: Navigation - Borderline and another Font

Thanks Rod,
excellent links - I´ll try it

Offline

Board footer

Powered by FluxBB