Copy Area Fonts

mmanfrediwork · 2016-11-02 05:43:09

Using this page link to my site as a reference how would l change the the font and font size of the text in the Copy Area of the page?

That is the line below the Navigation bar where it says: "Galleries > Land scares and Cityscapes > Hawaii Sunsets" And what is this line called by the way?

And then in the Page copy which says: "Sunsets and sunrises are awesome in Hawaii. Most shots were taken from Hospital Point, on Pearl Harbor Naval Station"

http://www.markandmichellegallery.com/g … i-sunsets/

Seems there a re a lot of easy to use tools to make most other edits, but could find how to make these changes. Thanks

rod barbee · 2016-11-02 06:34:08

that line ""Galleries > Landscapes and Cityscapes > Hawaii Sunsets", is called Breadcrumbs. That font is controlled by the Base Font under Typography in your page template. If you need it to be other than the base font for the page, then that will need to be done with custom css.

And then in the Page copy which says: "Sunsets and sunrises are awesome in Hawaii. Most shots were taken from Hospital Point, on Pearl Harbor Naval Station"

This is also the base font chosen under Typography in your page template.

mmanfrediwork · 2016-11-02 07:04:14

Thanks. I made some tweaks to the base font but did not see significant change in font size, say between 500 and 900. What is custom CSS? I see under "Advanced Customization" a section called "Custom Stylesheets". If that's it and I enable it, I see I can include one of three files, but what do I do from there?

rod barbee · 2016-11-02 07:16:10

you'll want to either modify those files or create your own.
http://ttg-tips-and-tricks.barbeephoto. … backlight/

you can then write some custom css to style the breadcrumbs. for example:

ul.breadcrumbs li {
	font-size: 1.2em;
        font-family: your-font, fall-back-font;
        color: #ff0000;
}

that will style the fonts and size of the breadcrumbs and change the color of the ones without a link. This will change the link color:

ul.breadcrumbs a {
	color: purple;
}

mmanfrediwork · 2016-11-02 07:40:36

Thanks Rod. So if I were to create a CSS file and upload it where you indicate, that would make the changes you show above. I assume one CSS file could have several edits affecting several areas of the site? Where can I go to get a quick tutorial on writing code such as this? Im not wanting to become a code geek, just enough to change/edit some of the basic stuff, like font sizes

rod barbee · 2016-11-02 09:16:54

yes, you can use one custom css file for all sorts of changes.

You'll find some custom css code in the Tips and Tricks forum:
http://community.theturninggate.net/viewforum.php?id=42

I've also got a few css "recipes" on my own TTG tips and trick site:
http://ttg-tips-and-tricks.barbeephoto. … ight-site/

As far as learning some css, there are a ton of free tutorials online you can find with a Google search. Lynda.com has some good basic courses as does Treehouse. They offer 30-day trials.
Code Academy is good too.

My favorite resource has been CSS: The Missing Manual by David McFarland
https://www.amazon.com/CSS-Missing-Davi … ing+manual

markh · 2016-11-02 10:00:56

Not one to become a geek was I...but the power of the force of coding overcame me. I was drawn into the magical world of Pan's labyrinth, helpless in the grip of the force. Such beauty, such power in such a simple line of code. Clearly, it's too late for me. Save yourself now! Or surrender yourself to the power of code and step into a new world. Once seen, it cannot be unseen.
Regards, Mark
Really, just kidding. It's not that bad.

rod barbee · 2016-11-02 10:37:53

Really, just kidding. It's not that bad.

plus learning all this stuff keeps your brain supple, which helps when creeping age makes other things less supple....

mmanfrediwork · 2016-11-02 16:37:01

Thanks all. I will check it out

Community @ The Turning Gate

#1 2016-11-02 05:43:09

Copy Area Fonts

#2 2016-11-02 06:34:08

Re: Copy Area Fonts

#3 2016-11-02 07:04:14

Re: Copy Area Fonts

#4 2016-11-02 07:16:10

Re: Copy Area Fonts

#5 2016-11-02 07:40:36

Re: Copy Area Fonts

#6 2016-11-02 09:16:54

Re: Copy Area Fonts

#7 2016-11-02 10:00:56

Re: Copy Area Fonts

#8 2016-11-02 10:37:53

Re: Copy Area Fonts

#9 2016-11-02 16:37:01

Re: Copy Area Fonts

Board footer