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 2018-02-22 01:06:30

RPPugh
Member
From: Surrey, UK
Registered: 2013-03-25
Posts: 33
Website

Masthead formatting

I would like to set up a masthead with the title and tagline all on one line (i.e. horizontally aligned), but with different fonts/sizes/colours. This doesn't look possible in basic Backlight?

As CSS neophyte, is this possible / easy, or do I need to go into Photoshop and construct an image for this compound masthead?

Any advice welcome!

Richard

Offline

#2 2018-02-22 01:18:32

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

Re: Masthead formatting

Probably can be done with css.
Do you have your masthead the way you want it except for the text styling? I this on your current site? If not, can you post a link to a page you're working on?


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 2018-02-22 01:52:11

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

Re: Masthead formatting

That graphic on your current site looks really nice. If you opt to use that, I'd suggest using a secondary masthead for mobile and reworking that graphic so that it will be legible on small devices. Perhaps your name on top with the tag-line below, separated by a horizontal line.


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

Offline

#4 2018-02-22 03:37:24

RPPugh
Member
From: Surrey, UK
Registered: 2013-03-25
Posts: 33
Website

Re: Masthead formatting

The page you were looking at was a mess - I had been playing with various controls.

The Home page is now as it would be if I just used the graphic that you like - and I'm coming back to liking that one myself, so thanks for the thoughts on reworking for mobile.

The other thoughts that I had were variations on the masthead that is now on my 'About' page - it was this sort of thing that I wondered about doing with css, as it would be easier to experiment than to keep creating graphics?

What do you think?

Richard

Offline

#5 2018-02-22 04:56:53

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 1,624
Website

Re: Masthead formatting

I like the design on the front page better. And I second Rod's thought of using a secondary masthead for mobile. That's what I'm doing on my site.

Since your entire masthead is text, you could style it with CSS. But I think it would be easier to design two graphics that you use for the main and secondary masthead instead of having to get the CSS right for the different screen resolutions.


Daniel Leu | Photography   
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com

Offline

#6 2018-02-22 10:38:24

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

Re: Masthead formatting

Richard,

In case you haven't seen it, this might be helpful for you:
http://theturninggate.net/2017/11/16/ma … -masthead/


Matt

The Turning Gate, http://theturninggate.net

Offline

#7 2018-02-23 02:59:32

RPPugh
Member
From: Surrey, UK
Registered: 2013-03-25
Posts: 33
Website

Re: Masthead formatting

Matthew - yes I had seen that, thanks. I found it very useful - it's what got me thinking about Mastheads in the first place.

Daniel - What you (and Rod) say is making a lot of sense, so I'm going down that route for now.

Many thanks to all of you for the rapid and helpful responses.

Offline

Board footer

Powered by FluxBB