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-01-27 12:30:43

jeepguy2009
Member
Registered: 2018-01-27
Posts: 4

Content Area

I am new to backlight, I am having issues to get the font to be in the center. Any help would great Thanks Gary

Offline

#2 2018-01-27 13:39:06

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

Re: Content Area

You’ll need to use custom css or inline styling.
This was written in the pre-Backlight days but it still applies:
http://ttg-tips-and-tricks.barbeephoto. … ttg-pages/


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-01-27 14:12:57

jeepguy2009
Member
Registered: 2018-01-27
Posts: 4

Re: Content Area

Rod
   Ok I am completely new to this, I have no idea what a custom css or inline styling.

Offline

#4 2018-01-27 14:17:20

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

Re: Content Area

It’s covered in the post I linked to


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

Offline

#5 2018-01-27 15:23:18

jeepguy2009
Member
Registered: 2018-01-27
Posts: 4

Re: Content Area

So if I am reading this right, I need this in there .the-block h2, .the-block h3, .the-block p {

text-align: center;

}

Do I need make a copy of css or make a new one just to cover the font and heading?

Here is my website studio371.net

Any input would be greatly appreciated.

Offline

#6 2018-01-27 23:13:50

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

Re: Content Area

you'll need to use different selectors, .the-block was from CE4. (I just updated that post to reflect that)

If your intention is to center all text in just the content areas on all pages, then try .the__copy instead.

.the__copy h1, .the__copy h2, .the__copy p {
text-align:center;
}

You could also try strong arming it and center all text in all the places (though some more specific css might override this):

h1, h2, h3, h4, h5, h6, p {
text-align:center;
}

I suggest making a new css file using a plain text editor. Name it custom.css or whatever you want (no spaces or special characters, only letters, numbers, underscores, or dashes).
If you've not see it yet, here's the documentation on implementing custom css: http://backlight.theturninggate.net/doc … tylesheets


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

Offline

Board footer

Powered by FluxBB