Need help with Page Templates

malmoth · 2016-12-07 01:11:11

Woooo, that was tough, but I've almost got it.

First of all. Google Chrome sucks. I was compelled to use Firefox to see my changes in the templates (I still wonder why I've switched from FF to Chrome. Anyway).

It took me 24 hours to get the design I wanted, but I still need to fix some issues.

1. How do I align the masthead logo to the left? It's centered.
2. How do I center align the menu bar?
3. How do I draw a line between the menu bar and the grid?

Thank you to the Backlight Team. You've made a great job with this software. I was a TTG CE3 user, and I've realized I should switched to BL way sooner.

Cheers.
Malmoth.

rod barbee · 2016-12-07 01:33:23

can you post a link so we can see what you have?

for the masthead, if you're using text, go to Masthead > Text-align. Otherwise, probably custom css

centering the menu bar go to Navigaton, Header: Text-align

Did you want a border under the nav bar? That would be custom css:

nav {
	border-bottom: 3px solid red;
}

but you'll want to put that into a media query so that it only shows on devices that are wide enough to also show the nav bar.

@media only screen and (min-width: 1025px) {
	nav {
	border-bottom: 3px solid red;
}
}

adjust border width and color as needed as well as mobile breakpoint on the media query.

But if you want just a line in a page and not a border between the navigation and the rest of the page, you'll need to use a horizontal rule: <hr> tag. You can put this in the page copy.

malmoth · 2016-12-07 01:44:44

Here is the url

http://albumclient.malmoth.fr/galleries/

my Navigaton, Header: Text-align is set to left.

Do I modify the custom-sample.css file to get custom css?

rod barbee · 2016-12-07 02:15:57

Change the alignment to center in Navigation, Header

You can use the custom-sample file if you like, but I'd suggest creating a new custom.css file (use a plain text editor)
http://backlight.theturninggate.net/doc … tylesheets

rod barbee · 2016-12-07 02:22:14

for the masthead logo, try this in custom css:

.identity_plate {
     float: left;
}

floating the logo left while centering the navigation might look strange.

Community @ The Turning Gate

#1 2016-12-07 01:11:11

Need help with Page Templates

#2 2016-12-07 01:33:23

Re: Need help with Page Templates

#3 2016-12-07 01:44:44

Re: Need help with Page Templates

#4 2016-12-07 02:15:57

Re: Need help with Page Templates

#5 2016-12-07 02:22:14

Re: Need help with Page Templates

Board footer