Rei Asa

Portfolio widget: showcase your arts and works; add ‘read more’ or ‘buy now’ buttons; add excerpts or captions

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

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

Lightbox for images: click on an image to see a larger or bigger version of it

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

Social media: share links to your accounts on various social media sites including Medium, Facebook, Pinterest, and Twitter

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

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

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

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

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

Exif data: display the exif data of pics from photo and photoset posts

Audio post info: display the track name, artist, album, and play count of audio from audio posts

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

And more

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

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 Rei Asa Tumblr theme demo blog. You can read more about Twitter Cards here.

So, if my blog is using the Rei Asa 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 Rei Asa 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 character 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 Rei Asa 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 Rei Asa 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).

To display the header widget, look for the Show Header Widget option and toggle it to on (the switch will be colored blue).

To add content to this widget, look for this option:

To customize the color of links on this widget, look for this:

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.

To change the font color, look for this:

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.

Jump Pagination looks like this:

To change the background color of the total page count button and the jump pagination buttons, look for this:

To customize the colors of the default pagination, look for this:

To customize the buttons, look for this:

To change the font size of the default pagination text, look for this:

The font sizes are in rems.

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.

The Accent color also refers to the color of the source for quote posts and the labels in chat posts. 

To change the color of the links, look for Link Color. To change the color of the text content, look for Body Font Color. To change the background color of the post box, look for Post Box Background Color.

To change the font sizes, look for these options:

The font sizes are in rems.

To change the font family, look for these options:

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

If Use Tumblr Fonts is turned off, then look for this:

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

Quote Font refers to the font family for quote posts.

To customize the headings of text post titles, chat post titles, and chat post labels, look for this:

To change the spacing between paragraphs, look for Paragraph Spacing Top and Paragraph Spacing Bottom. To change the spacing between lines of text, look for Posts Line Height.

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:

Show Exif Data - if available, this can be found on photo and photoset posts. This includes info like Camera, Aperture, Exposure, Focal Length, and ISO.

On photo posts, the exif data will be displayed like this:

On photoset posts, the exif data will be displayed like this:

To change the heading for the exif data, look for this:

The Photoset Post Gutter refers to the spaces or the gaps between the images on photoset posts.

The post info or meta content shows up right after each one of your blog posts.

To change the colors of the post info or meta content, look for the following options:

To change the post info text, look for this option:

To change the font size, look for this option:

The font size is in rems.

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.

To customize the comments section, look for the following options:

If you don’t want to add a comments section to your blog, just leave the Disqus Shortname option blank.

The portfolio widget shows up right after the header widget. If you don’t want to display this on your blog, toggle the Show Portfolio option to off (the switch will be colored grey).

To change the background color of the portfolio widget, look for the following option:

If you hover your mouse over the images on the portfolio widget, they will zoom in without breaking out of their container. If you click on these images, you will see some text content:

To customize the headings of the portfolio widget, look for the following option:

To change the font sizes of the portfolio widget, look for the following options:

The font sizes are in rems.

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.

To set the height of the images in the portfolio widget, look for this option:

To add content to the portfolio widget, look for the Portfolio Pic URL 1 - Portfolio Pic URL 6, Portfolio Heading 1 - Portfolio Heading 6, Portfolio Content 1 - Portfolio Content 6, Portfolio Button Text 1 - Portfolio Button Text 6, and Portfolio Button Link 1 - Portfolio Button Link 6 options and type the appropriate information. Here are some examples:     

To customize the buttons, look for this:

If you don’t want to display the footer, look for the Show Footer Widget option and turn it off (the switch will be colored grey).

To add content to the footer, look for the following:

To change the font size of the footer, look for the following option:

The font sizes are in rems.

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.

Alternatively, you can use this as a way to tell your readers important announcements or news about your blog. For example, you can use this to let them know about a contest you’re hosting or items you’re selling.

To display this banner, toggle the Show Cookie Notice Banner option to on (the switch will be colored blue).

Change the contents of the following options to customize the text and links of the cookie notice banner:

To change the font sizes, look for the following options:

The font sizes are in rems.

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.

To change the background color of the banner, look for this:

To change the color of the button and the link, look for this:

Refer to this post to customize the modal menu.

The title of your blog. If you hover your mouse over this, you’ll be able to see some text.

Refer to this post to customize the title of your blog.

The vertical ellipsis icon. Clicking this will show the menu and pages links on your blog

Refer to this post to customize the menu and pages links of your blog.

The search icon. Clicking this will open the full-screen search box.

To customize the no search results page, look for this:

To customize the colors of the navbar, look for the following options:

The Navbar Hover Color refers to the background color of the search icon and the vertical ellipsis icon when you hover your mouse over them.

To change the font size of the navbar icons, look for the Navbar Font Size option:

The font sizes are in rems.

To change the color of the links, look for the Link Color option then use the color picker.

To change the background color when you hover your mouse on these links, look for the Navbar Hover Color option. 

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.

Use Tumblr RSS - if you want to use Tumblr’s built-in RSS feed, toggle this on. To use your own RSS feed, turn this off then look for the RSS Link option and type your own RSS feed URL link.

Show RSS Link, Show Archive Link, Show Random Link, Show Tumblr Ask Link - toggle these on if you want to display your blog’s RSS link, archive link, random link, and ask page link.

Use the Ask Text and Ask URL if you don’t want to use the default ask page of your blog.

Note: to display the ask and submit pages of your blog, you need to turn on these features on your blog settings:

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. Make sure you have the “Show a link to this page” toggled on so that the link to your page will show up on the dropdown menu.

Make sure you have the Show Modal Menu feature turned on (the switch will be colored blue). If you don’t want to display this, just toggle the Show Modal Menu feature off (the switch will be colored grey).

Description - this shows up right after your blog’s avatar.

Show description - turn this off if you don’t want to display your blog’s description.

To display the Avatar of your blog, toggle the Show Avatar feature to on. To upload an avatar to your blog, just click on the pencil icon to the right of the Avatar feature. The Avatar shape can either be square or circle.

If you want to add a background image to the modal menu, toggle the Show Modal Menu Background Pic to on.

To upload a background image, click on the pencil icon to the right of the Modal Menu Background Pic feature then click the “Choose a photo” option. Choose “Remove” if you want to remove the background image.  

To customize the colors of the modal menu, look for the following options:

Modal Menu Background Color - only available if the Show Modal Menu Background Pic feature is turned off.

Modal Content Background Color - refers to the background color of the content boxes inside the modal menu. For example:

Modal Menu Font Color - the font color of all the text inside the modal menu.

Modal Headings - this refers to the style of the headings in the modal menu. Examples include the “Featured Tags” heading and the “Follow me” heading as shown in the above pic. The options for this feature are: Bold, Normal, Italic, and Underline.

Highlighted Posts - if you choose to show this, images from your latest Photo, Photoset, and Panorama posts will be displayed in the modal menu. These images will contain links to the post where they came from. Check out the pic below for an example on what this looks like.

You can also check out the demo blog to see the Highlighted Posts feature in action.

Highlighted Posts Text - refers to the heading for the Highlighted Posts feature.

Show Modal Menu Widget - refers to this:

Show Featured Tags - refers to this:

To add this to your blog, look for the Featured Tags Heading, Tag 1 - Tag 5, Tag List, Tag 1 URL - Tag 5 URL, and Tag List URL options and type the appropriate information. Here are some examples:

Note that if you don’t need or want a tags list, you can use the Tag List and Tag List URL as a 6th featured tag.

Show Subscribe Widget - refers to this:

Subscribe Link - refers to the link to the Google Feedburner feed that’s associated with your blog.

Show Pinterest Widget - refers to this:

Show Facebook Widget - refers to this:

Show Twitter Widget - refers to this:

Show Tumblr Likes and Show Tumblr Follows - these features are only available on main Tumblr blogs, and only if you have the following settings turned on:

Show Blog Group Members - refers to this:

Show Social Buttons - refers to this:

Scroll down near the bottom of the theme options page of your blog to find the textboxes that correspond to these icons. Then just add the links to your accounts on these sites. For example:

To change the font sizes of the modal menu, look for the following options:

The font sizes are in rems.

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.

To customize the Close button, look for this:

To change the background color of the Close button and the font color of the modal headings, look for this: