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 2015-07-02 08:06:22

sileibo
Member
Registered: 2012-12-28
Posts: 155

Change Heading Size with CSS

On my Home Page Flip gallery here ...

http://www.ce4.photostomp.co.uk

Is it possible for me to change the size of the h1 heading "PhotoStomp" using custom CSS perhaps?

Even better, could it have sizing controlled by a mobile/tablet breakpoint?

Offline

#2 2015-07-02 08:43:51

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

Re: Change Heading Size with CSS

in the Stage template you're using for the home page change the font size of the text your using.
Site Info > Identity. Under Heading and  Font Family you'll see a font size slider.

If you're using the Identity Plate for the masthead, then edit that and change the font size
Site Info > Identity. Check Use Graphic Identity Plate. Then click on the little down arrow that appears with the identity plate and edit, changing the font size.

if you need to do more, then the selector looks to be:

.ttg_identity .h1

but you may need to get more specific. Use your browser's inspector to dig into that.

If you need to change sizes for tablets and phones you'll need to write media queries in your custom css.

(the mobile-breakpoint control is for navigation)


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 2015-07-02 16:56:29

sileibo
Member
Registered: 2012-12-28
Posts: 155

Re: Change Heading Size with CSS

thanks Rod, helpful as always

Offline

Board footer

Powered by FluxBB