seen from China
seen from Bulgaria
seen from United Kingdom
seen from Russia
seen from Switzerland
seen from Brazil
seen from Switzerland
seen from Yemen
seen from Philippines
seen from Malaysia
seen from Morocco
seen from United States
seen from T1
seen from Türkiye
seen from Singapore
seen from United States
seen from Japan
seen from Brazil
seen from United States
seen from Netherlands
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; }
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Comments?
I think I’ve added comments, but it’s not clear how to get to them. I think you have to click on the post’s picture, then navigate back with the arrow in the upper left...? Or in the case of this one to click on the title...? Why is there no link indicating how many comments there are that would navigate directly to comments? Maybe I’m missing something -- this can’t be right...
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.
New search!
Blog search has gotten way better, and we want you to use it, so we made some changes to the Optica theme:
replaced the burger menu with search
moved the links that used to be in the menu below the description (you can toggle their visibility on and off in www.tumblr.com/customize)
and some other misc style tweaks and markup changes
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.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
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; }
Show expanded footer at all times
Custom CSS:
#posts article { margin-bottom: 20px; } .post { margin-bottom: 0; } .panel { opacity: 1; } .post-footer { opacity: 1; }
