Arica

How to Customize the Arica Tumblr Theme Header?

How to Customize the Arica Tumblr Theme Footer?

How To Customize The Arica Tumblr Theme Cookie Consent Notice?

How To Customize The Arica Tumblr Theme Modal Menu?

How To Customize The Arica Tumblr Theme Post Info?

How To Customize The Arica Tumblr Theme Blog Posts?

How To Customize The Arica Tumblr Theme Pagination?

How to Add Google Analytics and Blog Author Name to Your Blog?

How To Customize The Arica Tumblr Theme 404 Page Not Found?

How to Add the Twitter Cards Feature to the Arica Tumblr Theme?

How to Style Lists Added to Your Blog Posts and Pages?

How to Add Tooltips to Your Blog?

How to Make Links on Blog Posts and Pages Look Like Buttons?

If you have any questions about any of this or if you need some help, please feel free to contact me by leaving a message in the comments section below or by using my Tumblr Ask box.

Header Slider: showcase your arts and works; share links to your favorite posts and articles; use your mouse, or, if you're on a touchscreen device, your fingers to navigate between slides

Supports Tumblr's new Related Posts feature

Highlighted Posts: display the latest images from your photo, panorama, and photoset posts in slider format

Center photos: pics added to the body of a post will automatically be centered

All your pics will be high-res (high resolution)

Add titles to text posts: easily and quickly add titles to text posts and reblogged text posts with no titles just by using a tag

Exif data: display the exif data of pics from photo, panorama, and photoset posts including aperture and focal length

Track info: display the track info of audio posts including artist and album name

Caption titles: automatically turn the first line of your non-text posts into titles

Supports all of Tumblr's post types including panorama, answer, audio, and link posts

Social media: share links to your accounts on various social media sites including Medium, Facebook, Pinterest, and Twitter; encourage your readers to follow you; let your blog visitors know where else they can find you on the web

Single column: let your posts be the main focus of your blog; no distractions since all other content will be hidden by default

Modal menu: content like your blog's description and avatar will be stored here. You can easily and quickly access this content just by clicking the menu icon

Author widget: let your readers know more about yourself and your blog

Responsive and mobile-friendly: your blog will always look good even when viewed on any screen size or device

Fixed navbar: important links like the search bar and pages menu will follow you as you scroll through your blog

Header, modal menu, post, and footer widgets: put anything you want on these widgets including ads, text, images, and javascript

Cookie consent notice banner: comes in 3 different styles and 3 different positions; let your readers know your blog uses cookies or let them know about a contest or any other news or announcements you may have

Tumblr fonts and Google fonts: choose from hundreds of different fonts; change the font size, font color, and font family of your blog title, your blog posts, your blog’s header, your blog’s footer, and more

Back to top button: easily and quickly go back to the top of your blog with the simple click of a button

Lazyload images: images will be loaded only when they are needed and not all at once, which will help make your blog load faster

Author meta tag: will allow you to identify yourself as the author or owner of your blog

Social sharing buttons: easily and quickly share posts with the like, reblog, and social sharing buttons

Featured tags list: add up to 5 featured tags; you can even include descriptions with these tags; alternatively, you can use this feature to share links to your favorite sites, blogs, and articles

And more

Check out the demo blog (https://arica-theme.tumblr.com/) to see what the theme looks like. It also includes theme documentation and tutorials.

Buy Arica now

Refer to this tutorial to learn how to:

Create a post

Add a page

Access the HTML text editor of your post

Access the HTML text editor of your page

To make links look like buttons, refer to this code:

<a class="uk-button uk-button-primary" href="#">Sample Link</a>

You can create a link on the rich text editor before going to the HTML text editor, so all you need to do is add the uk-button and uk-button-primary classes to said link.

How to add links to your blog posts?

On the rich text editor, highlight the text that you want to add a link to

Several circular icons will show up on top of this text

Click on the chain link icon

A textbox with the words “http://” will show up

Type the link you want to add on this textbox

Click the “Done” button that will show up as soon as you type something on the link textbox

How to add links to your blog pages?

On the rich text editor, highlight the text that you want to add a link to

Click on the chain link icon

A dropdown box or container will show up

Type the URL link on the textbox provided

You can choose to add a title to your link - this text will show up when you hover your mouse over said link

You can choose to have this link open in a new window

Click the “Insert link” button to add the link

After adding the links via the rich text editor, you can then go to the HTML text editor then add the aforementioned classes to the links.

The link-turned-button will look like this:

Refer to this post for more info on how to customize the buttons on your blog to your liking. This includes changing the background color and the font color of the buttons. These are global settings, which means your changes will affect all the buttons on your blog.

How to modify the size of the buttons?

Add the uk-button-small or uk-button-large class to a button to make it smaller or larger. This will only affect the buttons or links that have this class.

<p><a class="uk-button uk-button-primary" href="#">Default Size</a></p> <p><a class="uk-button uk-button-primary uk-button-small" href="#">Small Size</a></p> <p><a class="uk-button uk-button-primary uk-button-large" href="#">Large Size</a></p>

The buttons or links can look like this:

How to make the button full-width?

Add the uk-width-1-1 class to make your button or link span the full width of its container. This will only affect the buttons or links that have this class.

<a class="uk-button uk-button-primary uk-width-1-1" href="#">Full Width Button</a>

The buttons or links can look like this:

How to align the button to the right?

Add the uk-align-right class to align your buttons or links to the right. This will only affect the buttons or links that have this class.

<a href="#" class="uk-button uk-button-primary uk-align-right">Align Right</a>

The buttons or links can look like this:

On the Arica Tumblr theme, most of the links and buttons already come with tooltips, so you don’t need to do anything else since these tooltips will automatically show up as soon as you hover your mouse over them.

For instance, the social media follow icons, which you can find in the modal menu, come with tooltips.

In some cases, you can decide what text will show up in a tooltip. For instance, you can change the text that will show up whenever you hover your mouse over the blog title. 

On the Arica Tumblr theme demo blog, the tooltip in question says “Premium Tumblr Theme” as you can see in the above pic. But you can easily change this just by typing the text you want on the appropriate textbox on the theme options page. Check out this post for more info. 

Refer to the theme documentation posts to see the other parts of your blog that come with their own tooltips.

In this post, you’ll find out how to create your own tooltips and add them to the following components or parts of your blog:

Tagline - shows up below the blog title on the header part of your blog

Description - shows up below the blog title in the modal menu

Header widget - shows up to the right of the tagline on larger screens; shows up below the tagline on smaller screens

Post widget - shows up after the like, reblog, and share buttons on post permalink pages

Footer - shows up at the bottom of your blog

To get started, go to the theme options page of your blog. Scroll down until you find the appropriate textboxes.

For example, to add a tooltip to the description of your blog that shows up inside the modal menu, look for the Description textbox:

The tooltips code looks like this:

<a href="https://arica-theme.tumblr.com/ask" uk-tooltip="title:Have a question? Need help? Contact me;pos:top">here</a>

The important part of the code is this:

uk-tooltip="title:Type your text here;pos:top"

You can add the uk-tooltip to a link <a></a> or even a line from a paragraph <p></p>, etc.

The “title” in the tooltip refers to the text content that will be displayed. The “pos” part refers to the position or alignment of the tooltip.

Here is a list of the possible alignment or positions: 

pos: top - Aligns the tooltip to the top

pos: top-left - Aligns the tooltip to the top left 

pos: top-right - Aligns the tooltip to the top right 

pos: bottom - Aligns the tooltip to the bottom 

pos: bottom-left - Aligns the tooltip to the bottom left 

pos: bottom-right - Aligns the tooltip to the bottom right 

pos: left - Aligns the tooltip to the left 

pos: right - Aligns the tooltip to the right

<p uk-tooltip="title: Sample Tooltip Text; pos: top">Top</p> <p uk-tooltip="title: Sample Tooltip Text; pos: top-left">Top Left</p> <p uk-tooltip="title: Sample Tooltip Text; pos: top-right">Top Right</p> <p uk-tooltip="title: Sample Tooltip Text; pos: bottom">Bottom</p> <p uk-tooltip="title: Sample Tooltip Text; pos: bottom-left">Bottom Left</p> <p uk-tooltip="title: Sample Tooltip Text; pos: bottom-right">Bottom Right</p> <p uk-tooltip="title: Sample Tooltip Text; pos: left">Left</p> <p uk-tooltip="title: Sample Tooltip Text; pos: right">Right</p>

To add tooltips to the other parts of your blog, look for the following textboxes:

Tagline - Header Tagline textbox. Check out this post for more info on how to customize the tagline of your blog.

Header widget - Header Widget textbox. Check out this post for more info on how to customize the header widget of your blog.

Post widget - Post Widget textbox.  Check out this post for more info on how to customize the post widget of your blog.

Footer - Footer Column 1 Heading, Footer Column 2 Heading, Footer Column 1 Content, and Footer Column 2 Content textboxes. Check out this post for more info on how to customize the footer section of your blog.

How to add a list to a blog post?

Create a post. This can be text, photo, link, etc.

On the text editor of your post, type your text then highlight the text that you want to add to a list

A group of circular icons will show up above the highlighted text

Choose either the icon with the numbers and lines or the one with the bullets and lines

If you hover your mouse over these icons, you will see the words “Ordered list” (numbered list) and “Unordered list” (bulleted list)

How to add a list to a blog page?

Create a page by going to the theme options page of your blog. Scroll down until you see the “Add a page” link  

Once you’re on the page you created, type your text then highlight the text that you want to add to a list

Click on either the icon with the numbers and lines or the one with the bullets and lines

If you hover your mouse over these icons, you will see the words “Insert/Remove Numbered List” and “Insert/Remove Bulleted List”

On the Arica Tumblr theme, numbered lists will automatically be numbered while bulleted lists will automatically come with bullet points. However, you can style your lists further if you want. 

To do this, you will need to go to the HTML section of the text editor. For pages, just click on the <html> as you can see in the above pic.

For posts, refer to the following instructions and see the below pic for reference: 

Click on the settings icon on the upper right side of the text editor

A box or container will show up

Click the downward arrow beside the Rich text

A dropdown list will show up

Choose the one that says HTML

How to add a divider to your lists?

Add the uk-list-divider and the uk-list classes to separate the items of a list with a line or a divider. 

<ul class="uk-list uk-list-divider">    <li>List item 1</li>    <li>List item 2</li>    <li>List item 3</li> </ul>

It can look like this:

How to add stripes to your lists?

Add the uk-list-striped and the uk-list classes to add zebra-striping to your lists.

<ul class="uk-list uk-list-striped">    <li>List item 1</li>    <li>List item 2</li>    <li>List item 3</li> </ul>

It can look like this:

How to remove the numbers or bullets in a list?

Add the uk-list class to an ordered (numbered) or unordered (bulleted) list to remove the numbers or bullets on said list.

<ul class="uk-list">    <li>List item 1</li>    <li>List item 2</li>    <li>List item 3</li> </ul>

You can combine this with the other classes mentioned above or you can use this on its own if you want to go for a plainer look.

If you add a link to your tweet and if the site or blog you’re linking to has implemented the Twitter Cards feature, your posted tweet will include additional information right below your tweet.

This can include a beautiful and large image as well as text from the linked article. For example, see the pic above, which is from this post on the Arica Tumblr theme demo blog. You can read more about Twitter Cards here.

So, if my blog is using the Arica Tumblr theme, and I decide to share one of my posts using my Twitter account, what will happen?

Your post will be displayed on Twitter using the appropriate Twitter Card type (this depends on the Tumblr post type of your article). It can look like the above pic or even something like this:

This pic is from the Fiorella premium Tumblr theme demo blog’s homepage. This theme also has the Twitter Cards feature. You can learn more about Fiorella here, or you can buy Fiorella using this link to get a discount.

If my blog is using the Arica Tumblr theme and other people decide to share one of my posts using their Twitter account, what will happen?

Your posts will still be displayed on Twitter using the appropriate Twitter Card type.

The only thing that will change is the text that makes up your main tweet and that shows up above the Twitter Card.

The tweet will also be listed under the account of whoever made the tweet.

I just installed the Arica Tumblr theme on my blog. Is there anything I need to do to make the Twitter Cards feature work?

First, thank you for buying the theme :-). Hope you like it. Second, the Twitter Cards feature works right off the bat.

After installing the Arica Tumblr theme on your blog, just log on to your Twitter account, and, if you tweet any of your posts or even the homepage of your blog, they’ll show up as Twitter Cards.

If you want to be identified as the author or creator of your blog post, there is one thing you need to do.

First, go to the theme options page of your blog. Scroll down until you see the following:

This one refers to the Twitter Cards feature. Just add your Twitter username (without the @ as that’s automatically added for you).

If you or your blog readers and visitors end up going to a page on your blog that doesn’t exist or that can’t be found, you will all be taken to your customized error 404 page instead of Tumblr’s default one.

To create this, you’ll need to add a page to your blog. To add a page to your blog, scroll down to the bottom of the theme options page then click on the “Add a page” link to create a page.

For the Arica Tumblr theme demo blog, I’ve chosen to use the Standard Layout. But you can also choose to use the Custom Layout. The default is the Standard Layout. If you click on the downward arrow next to the Standard Layout, a dropdown box or container will show up. From there, you can select the Custom Layout option.

You can put anything you want in your custom error 404 page including images, links to your most popular posts and tags, etc. You can also check out the Arica Tumblr theme demo blog’s error 404 page for reference.

Once you’ve created your custom error 404 page, look for the following option:

Type the URL link of your custom error 404 page on the provided textbox. In the case of the Arica Tumblr theme demo blog, the URL link of the 404 page is https://arica-theme.tumblr.com/404, so I typed 404 on the provided textbox.  

Then paste your ID on the provided textbox.

The Blog Author Name will let you identify yourself as the author or owner of your blog. This is the author meta tag that will let search engines know who the author or owner of a blog or website is. To add this, all you need to do is look for the Blog Author Name option.

Then just type your name, username, or whichever name you want the author of your blog to be known as, and you’re all set.

Colors

To customize the colors of the pagination, refer to the following options:

Accent color - refers to the background color of the pagination buttons as well as the background color of all the tooltips.

Buttons and Tooltip Font Color - refers to the font color of all the buttons and tooltips.

Font Family

To customize the font family, refer to the following options:

If Use Tumblr Fonts is toggled on, then look for this:

If it’s turned off, then look for this:

Go to https://fonts.google.com/, copy the name of the font you want to use then paste it on the Body Font textbox.

Font Sizes

To customize the font sizes, refer to the following:

The font sizes are in rems.

Style

To customize the style, refer to the following options:

The Buttons Style has the following options:

Bold

Normal - this is the default style, meaning the text is neither bold, italic, or underline

Italic

Underline

The Buttons Transform has the following options:

Uppercase - this means the text will show up in all caps like this: NEXT

Lowercase - this means the text will show up in all small letters like this: next

Normal - the text will show up like this: Next

Background color - the background color of the container where your posts are located.

Accent color - the font color of all the links and the background color of all the buttons on your blog. 

Body Font Color - the font color of all the text content on your blog minus the links and headings.

Buttons and Tooltip Font Color - the font color of all the buttons and tooltips on your blog.

Post Heading Font Color - the font color of the headings on your posts.

To add a heading to your post, on the text editor, highlight the post you want to turn into a heading. A bunch of circular icons will show up. Click the one that says H.

If you want to bold this heading, click the B as well.

GIF Attribution Background Color - when you add GIFs to your posts using Tumblr’s GIF search, this GIF will contain a link to the blog of the person who originally posted it on Tumblr. 

Here is an example of a GIF:

On the Arica Tumblr theme, the GIF attribution will be displayed like this:

To add a GIF to your post, press the enter key on the text editor. Several icons will show up including the one that says GIF. Click the GIF icon and a dropdown search box or container will show up. 

Type what kind of GIF you’re looking for on the textbox provided, scroll through the results, and click on the one you want to add to your post. 

Exif Data Background Color and Exif Data Font Color - the colors for the exif data that shows up on Photo, Photoset, and Panorama posts. The exif data will only show up if it is available, and if you choose to display it on your blog.

On Photoset posts, the exif data looks like this:

On Panorama and Photo posts, the exif data will be displayed in a dropdown box or container. 

A camera icon will shop up on the right side of the pic. If you click on this icon, the exif data dropdown box or container will show up.

The Quote Font Color refers to the font color of a Quote Post’s quote. This does not include the source for the quote. The Quote Background Color refers to the background color of the box or container which surrounds a Quote Post’s quote.

The Audio Info Background Color and Audio Info Font Color refer to this: 

For Spotify and SoundCloud audio posts, the track info will show up below the aforementioned music players. For Tumblr’s built-in native music player (shown in the pic above), the track info will show up to the right of said player. 

The Link Info Background Color and the Link Info Font Color refer to the text excerpt that comes when you share a link via Link posts.

Font Family

On the Arica Tumblr Theme, you can choose to use Google Fonts or Tumblr Fonts. This is a global setting, which means if you choose Google Fonts, then all the content on your blog will use Google Fonts.

To choose between Google or Tumblr fonts, refer to this option:

If you want to use Tumblr Fonts, then look for the following options:

If you want to use Google Fonts, then refer to the following options:

Go to https://fonts.google.com/, copy the name of the font/s you want to use then paste them on the appropriate textboxes.

Body Font - font family of all the text content on your blog posts.

Post Title Font - font family of all the titles of your blog posts.

Quote Font - font family of a Quote post’s quote.

Styles

To customize the styles of your blog posts, refer to the following options:

The Buttons Style, Post Title Style, and Quote Style have the following options:

Bold

Normal - this is the default style, meaning the text is neither bold, italic, or underline

Italic

Underline

The Buttons Transform has the following options:

Uppercase - this means the text will show up in all caps like this: EXAMPLE TEXT

Lowercase - this means the text will show up in all small letters like this: example text

Normal - the text will show up exactly how you type it on the provided textbox. For example, if you type Example Text, then it will show up as Example Text

The buttons refer to the read more or continue reading button. The Quote Style refers to the style of a Quote Post’s quote. 

On the Arica Tumblr theme, pics from Photoset posts are displayed in a single column, 1 image per row. Captions for each photo will show up right below each photo. You can choose to have these captions show up on index pages or you can have them only show up on post permalink pages.

On Arica, you can choose to add a box border around a quote from a Quote post (see the quote pic above for reference).

Post Content Line Height and Post Title Line Height - refers to the spacing between lines of text.

Posts Paragraph Spacing and Posts List Spacing - refers to the spacing between paragraphs and lists.

Toggle Options

Show Exif Data - toggle this on or off depending on if you want to display the exif data of Photo, Photoset, and Panorama posts.

Exif Data Text - refers to the tooltip text that shows up when you hover your mouse over the camera icon if you choose to display exif data and if it is available.

Show Caption Titles - this feature makes the first line of Audio, Link, Photo, Panorama, and Photoset posts look like a title. Use this if you want all of your posts to have titles. For example, if turned on, it can look like this:

If turned off, it will look like this:

Font Sizes

To customize the font sizes, refer to the following options:

Post Title Font Size - refers to the font size of all post titles. This includes the font size for caption titles if you have this feature turned on.

Post Heading Font Size - refers to the font size of all post headings.

Post Content Font Size - refers to the font size of all the text content of all your blog posts.

Post Blockquote Font Size - refers to the font size of blockquotes.

Post Small Font Size - refers to the font size of small text. To make your text small, highlight the text you want to apply this effect on, then press the ctrl + shift + minus keys on your keyboard. It will look like this:

Sample small text

Quote Font Size - refers to the font size of a Quote Post’s quote.

Buttons Font Size - font size for all the buttons on your blog including the one for the read more or continue reading buttons.

All the font sizes are in rems except for the Post Small Font Size which is in percent.

Most of the post info or meta content will show up at the end of your blog posts. But the author card widget will show up before the beginning of your posts on permalink pages.

This widget contains the following info:

Avatar of the user who published the post. The shape can either be circular or square

Posted date

Username of the person who published the post with a link to that person’s blog

Refer to the Accent color to change the color of the link and the circular plus icon:

The Accent color is a global setting, which means changing this will change the color of all the links on your blog. The Accent color will also change the background color of all the buttons on your blog.

Author card info - this will show up if you click the circular plus icon

Font Family

To change the font family, look for these options:

If Use Tumblr Fonts is toggled on, then look for this:

If it’s turned off, then look for this:

Go to https://fonts.google.com/, copy the name of the font you want to use then paste it on the Body Font textbox.

Font Sizes

To change the font sizes, refer to the following options:

Post Small Font Size - font size for the author card widget; this is in percent.

Post Content Font Size - font size for the post info and post widget; this is in rems.

Post Notes Heading Font Size and Post Notes Content Font Size - font size for the post notes and tags; this is in rems.

Buttons Font Size - font size for all the buttons; this is in rems.

To customize the colors of the author card box or dropdown container, refer to the following options:

Author Card Info - refers to the text content inside the author card or dropdown box container. Leave this field blank if you don’t want to display the author card widget on your blog.

Post info meta

The rest of the meta or post info will show up at the end of your posts. This includes the Tumblr like and reblog buttons as well as the social sharing buttons (Twitter, Pinterest, Facebook, and Google+). 

If you hover your mouse over each of these buttons, you will see a tooltip with text. For instance, the one for Twitter says “Tweet this post on Twitter” while the one for Pinterest says “Pin this post on Pinterest”.

On index pages, the ellipsis icon is beside the Twitter icon. If you hover your mouse over this icon, you will see a tooltip. On Arica, this tooltip says “Post info”. To change this text, look for the Post Meta Tooltip textbox.

If you click the Post info button, a dropdown box or container will show up. This box will contain the following information on index pages:

Post date with permalink

Comment count - will only show up if you want to add a comments section to your blog

Notes count - will only show up if a post has notes

Source info - will display the original source of a post with link

Reblog info - will display the reblog info of a post with link

If you hover your mouse over each of these, you will see a tooltip.

On post permalink pages, the post info or meta looks like this:

The post info box will contain the following:

Post date with no permalink

Source info - will display the original source of a post with link

Reblog info - will display the reblog info of a post with link

If you hover your mouse over each of these, you will see a tooltip.

To change the colors of the post info box and its contents, refer to the following options:

Related Posts

The Arica Tumblr theme supports Tumblr’s new Related Posts feature. This will show up on post permalink pages after the comments section and before the footer. Tumblr will be the one to decide which of your posts will show up with this feature. To turn this feature on or off, look for this:

If turned on and if there are related posts available for your post, you will see a newspaper icon next to the post info on permalink pages. 

If you click on this icon, you will automatically be scrolled down to where the related posts are. Alternatively, you can manually scroll down to the related posts section on your own.

The layout of the related posts feature looks similar to the layout of posts on index pages. There are some differences though. 

The related posts will be in its own box or container with its own scrollbar. At the very top, you will see the words “More you might like”. Before each post, you will see the posted date. As you can see when you hover your mouse over this button, this contains the permalink for the post. 

At the end of the related posts section, you will see another button that says “Show more”. Clicking this button will bring you to the homepage of your blog. 

The Related Posts feature shows the minimal versions of the Spotify and SoundCloud players for Audio posts. 

Photoset posts will be displayed in slideshow format. 

You can decide whether the slideshow should autoplay or not by referring to the following option:

The slideshow comes with navigation icons (left and right arrow carets). While you can use these navigation icons to look through the slideshow, you can also use your mouse, or, if you’re on mobile or on a touchscreen device, your fingers, to navigate between the slides.

The exif data for Photo, Photoset, and Panorama posts will not be displayed on the related posts section. Audio and Video posts on the related posts section will not display any text content. You will need to go to the permalink page of the Audio or Video post in question to see the text that comes with said post.

Post Notes

If a post has notes, you will see the pen with paper icon next to the related posts button.

If you hover your mouse over this pen with paper icon, you will see a tooltip with the words “View notes for this post”. Clicking on this button will open the post notes modal.

To customize the colors of the post notes modal and the post tags modal, refer to the following options:

Tags

If you add tags to your posts, then you will see the tags icon next to the Twitter button. If you hover your mouse over the tags icon, you will see a tooltip with the word “Tags”.

Clicking on the tags icon will open the post tags modal.

Post widget

The post widget shows up right after the post info meta and share buttons and before the next and previous post buttons.

To customize this widget, refer to the following option:

Leave the Post Widget textbox blank if you don’t want to add this widget to your bog.

Disqus Comments

The comments section will show up before the related posts section on permalink pages only if you fill up the Disqus Shortname textbox.

Leave the Comments Heading and Comments Content textboxes blank if you don’t want to display this info.

Buttons

To customize the style of all the buttons on your blog, refer to the following options:

The Buttons Style has the following options:

Bold

Normal - this is the default style, meaning the text is neither bold, italic, or underline

Italic

Underline

The Buttons Transform has the following options:

Uppercase - this means the text will show up in all caps like this: EXAMPLE TEXT

Lowercase - this means the text will show up in all small letters like this: example text

Normal - the text will show up exactly how you type it on the provided textbox. For example, if you type Example Text, then it will show up as Example Text

Buttons and Tooltip Font Color - the font color of all the buttons and tooltips on your blog.