148 comments found

Hi, I have another problem with this update, I can’t set a custom thumbnail image for photo and photoset posts, I tried following the instructions in the help document, but the custom image only appears right in video posts. As you can see the image that I have setup to be used as thumbnail appears after the date inside the image post.

I have a exemplo on this link: http://rrtesteblog.tumblr.com

Hi Ricardo,

Oops, looks like the documentation is missing an important piece of info… please add the tag `_custom-thumbnail` to your post and it should work.

Thanks for the heads-up, let me know if it works for you.



Yeah, this is it, thanks for your help, as always you gave the best support, It works perfectly! :)

Cheers, Ricardo.


You’re welcome, I’m glad it worked! Thanks for the kind words :)

Hello Sergio, I just found out that custom thumbnail doesn’t show on mobile. What I need to do to make it work in both versions?

Thanks again! Ricardo


You’re right, thanks for the heads up. Please find the script tag on line 2185:

<script src="http://static.tumblr.com/64npwmb/ojdn83mwc/main.min.js"></script>

and replace it with:

<script src="http://static.tumblr.com/64npwmb/1yun9vgnd/main.min.js"></script>

Let me know if that works, thanks!


I tested and this solve the problem, everything works now. :)

Thanks Sergio.

Cheers. Ricardo


You’re welcome Ricardo :)

I’ll submit an update soon so the fix is available for everyone.

hi, i seem to have problem with the update, my custom logo doesn’t appear when i view on mobile instead the logo that show is the “supple” logo, and also the scroll to top button doesn’t have the arrow image, it’s missing i hope you can help! thank you~ _

edit: also the social buttons doesn’t work it wont appear.


You’re welcome! Thanks for the kind words.


anyway~ i would love to suggest a image thumbnail option for text type posts on your next update i hope it’s possible _


I’ll keep it in mind, although I can’t say when the next update is going to be.

Hi Sergio, I’d like to put the slider accent at top of the page or if it’s not possible, make it transparent. How I do that?

Thanks :)


Hi Ricardo,

I’m not sure I follow. do you want to move the border underneath the slider to the top? If so, add this to your custom CSS, replacing the border color as needed:

#top_banner {
    border-top: 4px solid #00c4f5;
    border-bottom: none;

Let me know if that helps!

No matter what I do, I can’t get the mobile logo to show as the correct size. It always goes past the header background and runs off to the side. (I just want it to be flush with the mobile view and not have to worry about anything).

Could you please help me out with this? What should the final width/height be for an optimal mobile logo? What DPI should I export it as? Thank you so so much!


Hi there,

The retina or hires logo will adopt the same dimensions as the regular logo, but it will have a higher pixel density. When you export the image, it should be twice as big a the regular logo, and always export it using the Save For Web command, as a PNG with transparency. The resolution should always be 72dpi.

What’s your regular logo width in pixels? I just tested a really wide logo, and it seems that the width shouldn’t exceed 230-240px to fit comfortably on an iPhone in portrait mode. Either way, I recommend the logo isn’t wider than that even for desktop screens. Remember we’re talking about the regular logo, the retina logo will take its dimensions.

If you go to the “Advanced options” section on the customizer, you could paste the following on the “Add Custom CSS” box:

@media (max-device-width : 480px) {
    #logo_link img {
      max-width: 230px;
      height: auto !important;

That should limit the width of your logo to 230px on phones. You may need to tweak that depending on your logo but it worked well for me.

Let me know if that helps!

Hi Sergio,

Really love the theme, and all the new updates! A few (simple, I hope) questions for you, if you don’t mind…

1) I’d love to get rid of the Twitter ticker altogether, but the only way I’ve found to do that is to log out of Twitter. If do that, however, I lose the ability to publish posts to Twitter. Am I missing something? Is there an easy way to lose the ticker but remain logged in?

2) Is it possible to center the navigation instead of aligning to the left of the page?

3) Same question for slider texts – I know I can align them to top, middle, or bottom, but could they be centered instead of aligned left?

4) Possible glitch: I’ve changed my logo settings to NOT offset when rolled over, but it continues to do so, no matter what I do. Just a heads up.

5) And now we come to my main question, as it’s something I’d really love to be able to achieve… Is it possible (perhaps for a future update?) to include the ability to add a simple text section below the header slider, before the thumbnail posts? For reference, there is a theme called “Karl” that appears to do this (but I’m not willing to leave Supple just for that ;) ).

Thanks, as always!


Hey there :)

1) You can hide the Twitter widget with some custom CSS. Add the following to the “Add Custom CSS” box on the advanced section of the customizer:

/* Hide tweets */
#tweets {
    display: none !important;

If you want to go all the way, you can remove the code between the tags {block:Twitter}{/block:Twitter} beginning on line 2273. That will prevent the Twitter code form executing.

2) The following snippet worked to center the navigation for me, but it may not work depending on the length of your menu or logo size, give it a try:

/* Center navigation */
@media screen and (min-width: 58.75em) {
    #menu_bar {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;

    .navi_dropdown {
        text-align: left;

3) Centering the individual lines on each slide is not possible, because the animation is scripted, but you could center the whole heading group as a whole:

/* Center slides headings */
#top_banner .overlay .inner {
    text-align: center;

4) You’re right there, will fix. In the meantime, use this:

/* Fix logo on hover */
#logo_link a:hover {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

5) I will consider adding that as an option for the next update. If you want a quick and dirty way to have a block of text below the slider now, you can insert the code manually between the tags <div class="inner portfolio_inner"> and <div class="grid_wrap clearfix">, lines 1327 and 1328.

Take a look at this for example, the text block is inside the <div> with the “hero” ID:


Change the heading and paragraph text as needed, then add the following custom CSS to style it, adjust link colors and margins to taste:

/* Custom hero styles - adjust to taste */
#hero {
    max-width: 800px;
    margin: 80px auto 100px auto;
    text-align: center;

#hero h3 span {
    font-size: 85%;

#hero a {
    color: #00c4f5;
    border-bottom: 1px solid #00c4f5;

#hero a:hover {
    color: #333;
    border-color: #333;

I have these changes done on this dummy test site: http://pixelmoxie-supple-theme.tumblr.com

I’ll keep them there for a couple of days so you can reference them. The entire custom CSS looks like this: http://pastebin.com/e76hXtBr

Let me know if that helps!


This is a tremendous help. You’re fantastic, thank you!

HI SERGIO! :3 My name is Kylie and I’m in love with the new theme and using it for my illustration/craft portfolio ( brightbatdesign.tumblr.com ) and I am looking for a way to post a grouping of small thumbnailed photos above the about me section (when clicking- take you to my tshirts)

Similar to how Meganlara.tumblr uses hers for etsy linking I hope this makes sense! Let me know :)


Hi Kylie,

I’m glad to hear you’re enjoying the theme. Nice illustrations!

Looks like she’s using something called “Etsy Mini”:


So, you should build your own Etsy Mini and then manually paste the code on the site footer, above the “About Me” title.

Keep in mind that the Etsy widget is not responsive—it has a fixed width—so it will not look good on tablets and phones, unless you make it only three columns wide. Also, it looks like you can’t customize it at all, and has a white background, so I don’t know how good it will look against the dark background of you site.

Kind regards,


fersito Purchased


I have a problem with my theme! It was all working perfectly but now the social media icons won’t show up! I have no idea why or how to fix it…it’s like they disappeared. Check it out: http://www.vitto.es

Please help! :(


Hi there!

I think the problem is that you uploaded your logo on the Sprite image field on the customizer. If you updated from an older version of the theme, the simpler way to solve the issue would be to find the Sprite and Sprite Hires image fields on the customizer and select “Remove”, so that the theme uses the default and updated icon sprites.

Please let me know if this fixes the issue :)