Hi, everyone~ Basically, the problem is that when I refreshed my dashboard, the theme suddenly started to have problems... Do you know how to fix it? I use Pink Overload theme and this is how it looks like right now...
OK, several things have changed here. I forgot which issues you've already fixed, so I'll reinstall the theme and fix whatever I find wrong.
Replace Tumblr's background on body
body { background:not(.mceContentBody): url(...) fixed !important; ... }
The :not(.mceContentBody) bit keeps the background image out of the editor. Omit it if you like, but !important is important.
Recolor Tumblr's new header, and let it scroll with the page.
DIV.l-header-container { /*++*/ background-color: transparent; /* or maybe pink */ box-shadow: none; /* else there will be a faint line at the bottom */ position: absolute; /* let the header move with the page */ }
If you want it to stick to the top of the display, omit the position: line and choose a better color than transparent.
My theme is fine for the most part, I managed to get the top bar transparent, is there any way to get rid of the wee line below the icons and have my own home button visible?
The settings and the log out icons don't show and also any of those codes help the right side bar so the custom ones don't get overlay with the tumblr ones?
There are several ways to make oh so clever button names; I don't know which style you're using, so I don't know how it broke. Probably they do something like this
The tumblr icons are fixed thanks for that, I will be on the look out for the right side bar buttons fix if you find a way, but thank you for all the help provided
This worked GREAT for me! Thank you! Any way to fix the right column icons, though? As you can see, the words are right over top of them and I can't make sense of the code to try to fix it.
If you're only replacing the Home button, all you need is that first selector.
You can keep the default tab icons but change their color like so
.tab_bar DIV.tab.iconic .tab_anchor:before { color: purple; /* all of them */ } .tab_bar DIV.tab.iconic:nth-child(4) .tab_anchor:before { color: green; /* one of them */}
(So it's not all bad.)
oh so clever buttons - replacing them with new code is the path of least resistance
@patty_85: All three of those styles appear to work in Firefox 33. @History Girl: The icons are in the right place, but the clever text is badly positioned. I'll look at the code if you link me to the style, but maybe best to replace the old code. @cowboypizazz: Add the code in items 2 & 10, above.
Yes, for the right side. The link that I posted is an example; it works in Firefox, but I haven't tried it in Chrome. The button themes you posted do work in Firefox, but I haven't tried them in Chrome. If my example doesn't work in Chrome, then fixing your buttons will require a bit more work. Apologies; please be patient.
Can someone help me figure out how to get my top button back? It doesn't show up at all in any of my dash themes I made. Here is how the link looks right now:
Hi, it's me again~ I have another little problem: since Tumblr modified few things and added the compass, now my tab icons are messy... How can I fix it? This is how they look like
Yes, and a little person next to the compass, too. (Maybe it's her compass?)
If all you need is colored tab icons, the best thing to do is remove (or comment out, /* ... */) all of the existing tab icon rules (those with .tab or .tab_anchor in the selector) and simply change the color of Tumblr's icons like so:
Tumblr's tab icons are now really characters in a special Tumblr font, so everyone can match their tab icons to their theme this way. (Change isn't all bad.)
(XKit updated last night; I swear it was all still working when I posted.)
If you mean some other inbox icon, then I'll need a link to the style. The original tab icons for Pink Overload are just Tumblr's stock icons, but pinkified:
Comments
It should solve most of your problems:
.identity-refresh .l-container.l-container--two-column .l-content, .identity-refresh .l-container.l-container--two-column-dashboard .l-content, .identity-refresh .l-container.l-container--two-column .right_column, .identity-refresh .l-container.l-container--two-column-dashboard .right_column, .identity-refresh .l-container.l-container--two-column-dashboard .left_column { background: transparent !important; } .l-header-container--refresh {background: #fff !important;} .l-header-container--refresh .tab_bar .tab .tab_anchor:before {display: none !important;} .search_form_row {background: transparent !important;} .ui_search .search_query {background-color: #FF7CC4;} .controls_section li:hover {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #ff8ebe !important;margin-top:8px;} .identity-refresh .controls_section li.section_header, .identity-refresh .controls_section li.section_header:hover {color: #ff8ebe !important; border: none !important; background: transparent !important;} .compose-button {background: #ff8ebe !important;border-color: #ff8ebe !important;} .tab_bar .iconic .tab_anchor {background-image: url('http://static.tumblr.com/nyr6guj/ftymvi9l9/navbar_sprite.png');} .tab_inbox .tab_anchor {background-position: -34px 0px !important;} .tab_help .tab_anchor {background-position: -70px 0px !important;} .tab_settings .tab_anchor {background-position: -105px 0px !important;} .tab_log_out .tab_anchor {background-position: -140px 0px !important;} .l-header-container--refresh .tab_notice {border-color: #fff !important;} .identity-refresh .tab_notice .tab_notice_value {color: #fff !important;}
https://userstyles.org/styles/101559/pink-overload-tumblr-dash-theme
Could someone help me out with how to get rid of the blue bar on this theme? https://userstyles.org/styles/39360/lovely-light-purple
I got help with this theme before so as of right now the code is like this:
http://pastebin.com/7cP0NxDa
Thank you in advance :)
The line is a box-shadow; try this: @Patty_85: For the icons, try #4 & #5 above.
There are several ways to make oh so clever button names; I don't know which style you're using, so I don't know how it broke. Probably they do something like this so it could be that the identifiers have changed. A link to the buttons style, please.
As for the right side ones I use this: https://userstyles.org/styles/75881/tumblr-multiple-text-changes-i-like-etc and https://userstyles.org/styles/94479/tumblr-sexual-activity and https://userstyles.org/styles/82845/bitches-like-me-followers-button
https://userstyles.org/styles/60719/klaine-dashboard-theme
You can keep the default tab icons but change their color like so (So it's not all bad.)
oh so clever buttons - replacing them with new code is the path of least resistance You see the pattern here, yeah? Each is independent of the others; remove the old buttons code and replace it with the corresponding bits above.
https://userstyles.org/styles/92046/oh-so-clever-button-example-tumblr-dashboard
@patty_85: All three of those styles appear to work in Firefox 33.
@History Girl: The icons are in the right place, but the clever text is badly positioned. I'll look at the code if you link me to the style, but maybe best to replace the old code.
@cowboypizazz: Add the code in items 2 & 10, above.
.return_to_top_icon{background: url('http://simplysweet.shukuya.com/tumblr_dash/mikorin/top_butt.png')!important;
width:63px!important;
height:47px !important;
position:absolute!important;
margin-top: -15px !important;
margin-left: -50px !important;}
Yet, it doesn't show up in my theme.
**nevermind, found out the top button is now on the bottom.**
If all you need is colored tab icons, the best thing to do is remove (or comment out, /* ... */) all of the existing tab icon rules (those with .tab or .tab_anchor in the selector) and simply change the color of Tumblr's icons like so: In particular, the style rule added in step 4 of my instructions above must go.
That done, this is what my Pink Overload looks like now: https://userstyles.org/styles/101559/pink-overload-tumblr-dash-theme
Tumblr's tab icons are now really characters in a special Tumblr font, so everyone can match their tab icons to their theme this way. (Change isn't all bad.)
If you mean some other inbox icon, then I'll need a link to the style. The original tab icons for Pink Overload are just Tumblr's stock icons, but pinkified: