Set font for single text block

Foggy Bottom

Can't see a way to do this. When I select a TB, all I get is standard H1 etc html choices.

The only element I can see to set a custom font is the logo element. However I have a few paragraphs of text I wish to style differently from the default theme.

Any way to do this?

-total SM noob here - be gentle! :wink

Hikin' Mike

Use a HTML/CSS block.

Allen

It would be easier to use an HTML block. You can assign multiple class names to sections of text and
change text color, size and style or anything else you want.

some text

some text

some text

(

Some text and some more text and more text.

If you have a bunch of titles
Paragraph 1 title
Paragraph 2 title

CSS in the HTML box CSS tab
.myText1 {color:red; font-family: "Times New Roman", Georgia, Serif;}
.myText2 {color:yellow}
.myText3 {color:blue}
.titleText {color:#fff; font-size: 14pt; text-align:center}

ChancyRat

Foggy Bottom wrote: »

Can't see a way to do this. When I select a TB, all I get is standard H1 etc html choices.

The only element I can see to set a custom font is the logo element. However I have a few paragraphs of text I wish to style differently from the default theme.

Any way to do this?

-total SM noob here - be gentle! <img src="https://us.v-cdn.net/6029383/emoji/mwink.gif&quot; border="0" alt="" >

HTML/CSS content block. Here's a template in case you need one:

HTML:

<div id="box">
<p>Text here</p>
<p> <a href="
  /FolderA/52080333_zqqqxxW" target="_blank">Read more here.</a></p>
</div>

CSS:

box {
  background-color:#F2F8FF;
  font-size: 90%;
  padding: 5px 3px 3px 5px;
  margin: auto;
  box-shadow: 0px 0px 2px 0px #000;
}

h2 {
  font-size: 24px;
}


p {
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 10px;
  margin-right:6px;
  line-height: 100%;
}

#topimage {
    float: right;
    margin: 0 0 5px 5px;
    padding: 15px;
}

a {
  color: #0B369A;
  text-decoration: none;
}

a:hover {
  color: #4B79F9 !important;
}