153 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
PixelMoxie

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.

Sergio

design2rr

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

Cheers, Ricardo.

PixelMoxie

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

PixelMoxie

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!

design2rr

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

Thanks Sergio.

Cheers. Ricardo

PixelMoxie

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.

PixelMoxie

You’re welcome! Thanks for the kind words.

Default-user

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

PixelMoxie

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 :)

PixelMoxie

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!

PixelMoxie

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!

PixelMoxie

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:

http://pastebin.com/ueu3mVa8

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!

Default-user

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 :)

PixelMoxie

Hi Kylie,

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

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

https://www.etsy.com/help/article/216

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,

Sergio

fersito Purchased

Hi,

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! :(

PixelMoxie

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 :)

mkirin Purchased

Hello, how can I set up a About Me section like http://meganlara.tumblr.com/ with a larger picture and the text to the side of it? Thank you in advanced.

PixelMoxie

Hi there!

Looks like she made several customizations to the theme. You could achieve similar results with some custom CSS. Try pasting the following into the “Add Custom CSS” box, on the advanced section of the customizer:

#content_info .widget_about .blogger_portrait {
    width: auto !important;
    max-width: 200px;
}

#content_info .widget_about .image_frame {
    margin-left: 0;
    padding: 0;
}

The `max-width` rule is to prevent the image from getting too big. Let me know if that helps!

Default-user
mkirin Purchased

It worked perfectly! Thanks :D

PixelMoxie

No problem!

Hey there!

For starters, I just want to thank you for all of the great support. You really are going above and beyond.

I just have one quick question: is it possible to have all photos in a photoset display full-size instead of the tiered (1, 2, 2, 3, etc.) look? The first photo looks amazing…and then they quickly get smaller.

If that’s not possible, could they be displayed in rows of 3?

Thanks in advance!

Default-user

Forgive me—haha I guess there could’ve been a better way of explaining things.

Using the above “quick test page” as a reference, I made put together this visual to display what I’m referring to:

http://i.imgur.com/fIDUDec.jpg

Does that help? Long story short, I’d just like some consistency in the page size for photosets. Option #1 would be beyond perfect. Any help is greatly appreciated! =)

PixelMoxie

Hi there!

You can do that already. I guess when you created the post and dragged the images, they got arranged like that by default—but you can go back to your dashboard, edit your post and arrange them however you please. If you drag the images around you can place them in stacked order or a different grid configuration. Am I missing something else?

And if you feel your images get too wide, you can use the option Photoset Max Width to limit the width of photosets to something like 700, for example.

Best,

Sergio

Default-user

Derp. Haha that’s what I get for never really using Tumblr before.

Thank you so so so much!

Love the new thumbnail on link text etc feature, however once the thumbnail is set for the above the icon on the left indicating its a link disappears, can it show the link icon and thumbnail together? Thank you

PixelMoxie

Thanks! I’m glad you like the new options. It’s a little tricky, but if you add the following to your Custom CSS you should have the link icons back:

.portfolio_item.is_link .thumbnail::before {
    content: '';
    display: block !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: url(http://static.tumblr.com/64npwmb/qRWnbdy8y/sprite.min.png) -300px -400px no-repeat;
    opacity: 0.4;
}

Let me know if that works for you,

Sergio

Missketer
Missketer Purchased

Thank you so much, it worked :)

ecko00920 Purchased

hi!!! this is me again lol! i was very happy with the update! you even did the image thumbnails for the text posts >w<

there’s only one thing i noticed, everytime i edit my theme, the footer text widget resets to it’s original value, i hope you can help!

anyway, you really did a great job! :)

PixelMoxie

Hi!

Thanks for the kind words, I’m glad you’re happy with the update :)

That happens to me as well, I assume is a glitch on Tumblr’s dashboard. Tumblr doesn’t seem to like that variable, is the only one that keeps resetting itself, but there’s nothing that sets it apart from the others.

If I find a solution i’ll let you know, but for now you’ll have to paste the text widget contents back in.

Regards,

Sergio

Default-user
ecko00920 Purchased

ohh, i see thank you so much for always helping!~ :)

fersito Purchased

Hi!! :)

One question; is there a way to get rid of the “Thumbnail Type Text and box”? I think it’s very distracting and would look better without it. :/

So far, I have only managed to change the color but I would like to get rid of of the little “pencil” sprite and the box in general.

I hope you can help me with that!

Thank you so much in advance!

PixelMoxie

Hi there!

I’m not really sure what you mean. Do you want to get rid of text posts on the grid completely?

The latest update has options to display text posts the same way as photo posts. You have to insert a custom thumbnail image and use a special tag on the post. Have you tried that?

Regards,

Sergio

by
by
by
by
by
by