#optica help

[existentinum]

Optica Tip: Hide avatar, title, description or links

If you wish to hide the avatar, blog title, description or links from your blog, but without affecting the dashboard hovercard, you can add one or more of the following declarations to your custom CSS:

/* Hide avatar */ .user-avatar {    display: none; }

/* Hide blog title */ .blog-title {    display: none; }

/* Hide description */ .description {    display: none; }

/* Hide links */ .nav-wrapper .inline-nav {    display: none; }

[existentinum]

Optica Tip: Hide the white Tumblr logo

If you are using the latest version of Optica since May 2015, you have likely noticed the Tumblr reference link, which appears as a white Tumblr logo in the blog’s header.

If you want to hide this icon, you can add the following code to your custom CSS:

/* Hide tumblr logo */ .logo-wrapper .t-logo {     display: none; }

On a related note, if you wish to have a search bar that stays fixed when you scroll, you can refer to this post.

[existentinum]

Optica Tip: Fixed menu / search position

The collapsed navigation menu in Optica is set to a static position by default, meaning that you can only access it by scrolling to the top of the page.

However, with a simple custom CSS tweak, you can set the burger menu to a fixed position, that stays aligned when you scroll:

/* Fixed burger menu */ .nav-menu-wrapper {     position: fixed; }

This way, your menu is always visible and accessible when visitors scroll through your blog. You can see an example here.

This tweak will also affect the search bar, that replaces the burger menu when the navigation is expanded.

Update June 2015: If you are using the latest version of Optica, the burger menu has been omitted. However, you can still have a fixed search bar, that allows you to look up content while scrolling through the blog. The updated CSS would be as follows:

/* Fixed search bar */ .logo-wrapper {     position: fixed; }

On a related note, if you wish to remove the new accompanying Tumblr reference logo, you can refer to this post.

[existentinum]

Optica Tip: Hide tags only on the index page

If you find that the tags on your posts look messy and you wish to hide them, you can copy the following code and paste it in the custom CSS field:

/* Hide tags on index page */ .index-page .attribution-tags {     display: none; }

For convenience, this will hide the tags only on the index page of your blog. This way can can still view tags on the permalink page for any post. You can see an example of this over here.

Update June 2015: If you are using the latest version of Optica, you will need to use the new 'post-extra' selector for this to work:

/* Hide tags on index page */ .index-page .post-extra {     display: none; }