125 comments found

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Soooo when people ask me questions and i answer and publish them the block where it should be gets dragged down and makes the bottom of the post area crowded and nasty.


I posted a picture above. I haven’t messed with any of the coding.

PixelMoxie

Ok, that looks messy!

I just tried to do that and looks fine on my end (see first post here: http://supple-dummy.tumblr.com), so there must be some HTML code inside the answer that is breaking the layout.

Please share a link to your site so I can take a look. If you don’t want to post it here, email me using the form on my profile page.

In the meantime, you can give this a go. Open the theme file, go to lines 1943 and 1956, and replace the following:

<p class="answer">{Answer}</p>

for:

<p class="answer">{PlaintextAnswer}</p>

That should strip the HTML tags from the answer away, and hopefully that’s all there is to it.

Default-user

moshurbate.tk is the tumblr url and ill give that a try

Default-user

Also changing that made all the post go away.

PixelMoxie

You ‘Answer’ posts display fine on your site now, at least on my end.

PixelMoxie

Changing ‘Answer’ to ‘PlaintextAnswer’ should not break the theme. Email me using the form on my profile page so I can send you an updated copy with the fix. Thanks!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hello again,

I can’t seem to get the mobile social background gradient to go away, even with the radio button turned off in tumblr’s preferences section. It is turned off once I re-size a browser window and the layout is pushed into mobile mode, but on a phone the gradient is still there. Any work arounds? My url is sethpillers.com

PixelMoxie

Whoops! Looks like the graphic for “retina” screens is still showing up. I’ll send you a fixed file by email. Thanks for the heads-up!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

One more!

I have changed the size of the text in the thumbnail headings in tumblr’s preferences to multiple smaller sizes but it doesn’t ever change in the final layout. Any Ideas?

Thanks Sergio! Seth

PixelMoxie

Do you mean “Thumbnail Title Font Size”? It’s working fine on my end. It’s supposed to control the font size of the title the shows on rollover. Make sure you’re just entering a number, with no unwanted spaces before or after it. Cheers!

Default-user

Ah, I was into Thumbnail Font Size, thanks!

PixelMoxie

You’re welcome buddy!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello. love the theme. I uploaded an image for a slider to test how it works. Now that I want to replace it with another image, I clear the current image and upload a new image. However, the original image is displayed while viewing on my computer browser while the correct image is shown when browsing on my iphone5 and ipad. my url is chiefportfoliotest.tumblr.com. any ideas? any help will be greatly appreciated. THANKS!

PixelMoxie

I’m glad you’re liking the theme :)

Looks like you uploaded an image into the wrong field(s). Please clear the fields “Pattern Overlay” and “Pattern Overlay Hires.” You should only use those if you want a semi-transparent pattern overlaid on top of your slider images, e.g., a dotted pattern.

Cheers!

Default-user

THANK YOU SO MUCH!

PixelMoxie

You’re welcome :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
leomaia Purchased

Hi,

is there any way to add add a style to the menu item I am currently on?

Example: http://leommaia.tumblr.com/tagged/portrait In this page, I would like to apply a different style to the PORTRAITS item on the menu.

If each page generated an arbitrary class, it could be applied to the body tag and I could match them with respective nav items classes to create css declarations to accomplish this.

Thanks a lot.

PixelMoxie

I don’t think Tumblr has an “official” way to accomplish that.

If you go to line 1509, you can replace the entire <body> tag with:

<body class="{block:IndexPage}is_index_page{block:IfEnableSlider} has_slider{/block:IfEnableSlider}{block:IfNotEnableSlider} no_slider{/block:IfNotEnableSlider}{block:TagPage} is_tagged_page tagged_{Tag}{/block:TagPage}{/block:IndexPage}{block:PermalinkPage}is_permalink_page no_slider{/block:PermalinkPage}">

Then when you visit your “portrait” page, the body tag will have a “tagged_portrait” class that you can use to style it and its elements.

It will work with single-word tags only though.

I hope that helps!

Default-user
leomaia Purchased
It worked awesomefuuly great. http://leommaia.tumblr.com/tagged/portrait

I used attribute a selector. .tagged_sketch a[href=”/tagged/sketch”] { color: #584575 !important; }

Thanks a lot for the support.

Loved the theme. Still working on it.

PixelMoxie

You’re welcome! Site’s looking good. Awesome illustrations :)

Default-user
leomaia Purchased

Thanks once again. I really appreciate it.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hello, I read all the comments and I may have skipped over it. How do I remove the upscaling of a photo. Most of my uploads are rather small and it makes them look crazy pixelated. I would perfer it to stay at its original size when clicking onto the permalink.

Default-user

Nevermind. I just noticed the prevent upscaling thing :p

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

How do i insert the HTML for my Logo into the HTML that was given to me?

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

NVM. Im an idiot. I was looking to do it manually through the HTML. Sorry.

PixelMoxie

No worries :)

Let me know if you need help with anything else!

  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
  • Bought between 1 and 9 items
  • Philippines
  • Has been a member for 3-4 years

This looks great! Will definitely keep this in mind as I am starting to rebrand my online identity :D Thanks and looking forward to using this for my new portfolio soon!

PixelMoxie

Hey jcroxas!

Thanks for the very kind words! Lovely avatar :)

You can always check the docs if you want to know how the theme works first:

http://bit.ly/1165Xyf

Cheers!

jcroxas

Thanks for the link man! But just a quick question. Purchasing this theme gives us access to both the 2 versions, right?

And thank youuuu. My avatar is from here: http://graphicriver.net/item/jcs-avatar-pack/5167184?WT.ac=portfolio&WT.seg_1=portfolio&WT.z_author=jcroxas :D

PixelMoxie

There’s just one theme, actually. The theme looks more or less like the first demo right after installation. The second demo is the same theme with different colors and other options enabled on Tumblr’s customization sidebar,

Cheers!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
olsunga Purchased

Dear PixelMovie,

wondering what is the optimal size for a slider image? So that it will show up nicely in almost all browsers and computers?

Thank you!!

PixelMoxie

Hey there!

The slider images on the demo are 1600×400 pixels, but we didn’t want the slider to take much vertical space. You can make the images taller if you need, depending on the images. If your slider gets too tall, you can limit the height (“Slider Maximum Height”), but of course the images will be cropped at the bottom. On the demo, the slider height is limited to 400px.

I think that size is a good compromise between image quality and weight. Larger images will probably look better on huge screens, but will take more time to load. If you’re worried about page load times, you can make your slides smaller while keeping the same ratio (e.g.: 1200×300), but they will look blurrier on large screens.

Always optimize your images before uploading to make sure they are as slim as possible (http://compresspng.com and http://compressjpg.com).

I hope that helps!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
Lili_3D Purchased

Hi! I just update the theme today, and I don’t know why but I can’t see the social link sprite of Society6 in the bottom of my page. (LinkedIN and Vimeo are visible) Here is my website: http://elianepregent.com

Thank you for your help, and thanks for the update! :) Éliane

PixelMoxie

Hi Éliane!

For some reason the old image sprite must be showing still, instead of the new one that includes the Society6 icon.

On your download you should have a “psd” folder, locate the images “sprite.png” and “sprite@2x.png” and upload them on the customization sidebar, using the fields “Sprite” and “Sprite Hires”. The icon should then be visible.

Please let me know if that helps!

Regards,

Sergio

Default-user
Lili_3D Purchased

Thanks so much! This solved the problem! :)

PixelMoxie

You’re welcome :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi there, i like your theme a lot! It’s beautiful. I am doing up a portfolio site for a class project and i just need to know if it is possible to make a single column grid thumbnail page for my portfolio. Hope you are able to help me! Thanks, xoxo.

PixelMoxie

Hey there!

Thanks for the kind words!

It can be done with some custom CSS. Paste the following rules into the “Add custom CSS” box, in the “Advanced section”

/* Single column */
@media screen and (min-width: 30em) {
    #portfolio_index .grid_block { width: 100%; }
}

@media screen and (min-width: 48em) {
    #portfolio_index .grid_block { width: 100%; }
}

@media screen and (min-width: 58.75em) { 
    #portfolio_index .grid_block { width: 100%; }
}

@media screen and (min-width: 75.625em) { 
    #portfolio_index .grid_block { width: 100%; }
}

You should set the “Thumbnail Height Percentage” to something relatively small, like 50, or the thumbnails will be really tall.

Hope that helps!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi! I love the theme, you guys help me look good :P

I was just tinkering around with the settings and I somehow lost my navigation arrows when you click on a photo post.

I was also wondering if it was possible to have the photos pop up in a new window instead of loading a new page and then having to go back, reload and scroll through the home page.

My website is: http://plasticcanon.com

Thanks again!

PixelMoxie

Hey there!

I think you lost the arrows since you switched to a narrow layout —disabling the media queries— that is intended for tablets and mobile. To get the arrows back, paste the following code into the “Add custom CSS” box, on the “Advanced” section of the customization sidebar:

.permalink_pagination.desktop { display: block }
.permalink_pagination.desktop a { width: 64px; height: 85px; margin-top: -42px; }
.permalink_pagination.desktop a:after { width: 24px; height: 45px; }
.permalink_pagination.desktop .next_post:after { background-position: -400px 0; margin: 20px 23px 20px 17px; }
.permalink_pagination.desktop .previous_post:after { background-position: -500px 0; margin: 20px 17px 20px 23px; }

To open permalink pages on a new tab, you will need to edit the theme code. On the customization sidebar, go into “Edit HTML” and make the editor wider so you can see the code comfortably. You need to start editing around line 1784, inside the “IndexPage” loop. Basically, you need to add the attribute target="_blank" to the <a> elements inside the blocks “Photo”, “Photoset”, “Audio”, “Video”, etc. This is what it looks like; the added code is being highlighted:

http://i.imgur.com/EkDRmGT.png

Let me know if you need further help.

Cheers!

Default-user

Amazing! Thank you so much!

One more thing! I’ve been having trouble uploading a picture for the “About Me” page. The only way it seems to show up is when I set the page to be a Custom layout, but I’m not confident enough in HTML to pull that off. Any ideas?

Thanks!

PixelMoxie

No need to switch to a custom layout. Using the standard layout, if you click the camera icon, you should be able to upload an image, but tumblr will limit its width 500px I think.

You can also use the static file uploader and grab the resulting image URL from there:

http://www.tumblr.com/themes/upload_static_file

Then, when you edit the page, switch to html mode, and paste the following code where you want the image to appear, replacing the URL of the “src” attribute with your own:

<p><img src="path/to/my/image" alt=""></p>

Let me know if that helps!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi! I love the theme, but I have a question.

When I set up my blog using your theme, it was version 1.1 … is there any way for me to update to 1.2 without losing all of my customization options? It looks to me like pasting in the code for the new version might do that.

Any advice would appreciated :) Thanks in advance!

PixelMoxie

Hey there,

Pasting the new code over the old one should not reset the options you set on the customization sidebar. If you made some changes to the theme source you will lose those, though.

Cheers!

Default-user

Awesome, thank you! As far as I remember, I only made changes in the customization sidebar, so it sounds like I should be fine. Thanks again!

PixelMoxie

You’re welcome :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hey there, i’ve tried the code you have provided me and it works! However, is it not possible to have solely a page that can display a single column grid and for the subsequent pages displayed in the original thumbnails template?

Hope you can help!

PixelMoxie

Hi there,

I’m glad the code worked!

Unfortunately, it’s not possible to do what you request as all pages use the same layout.

Cheers!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi, your theme is really awesome, I only have a little bit of a problem with some of my photoset-permalink sites. If I post two pictures with one above the other, mostly the first picture is getting cut off at the bottom. If I reload the page everything works fine, but it’d be weird if every visitor had to load each page twice, to see the pictures properly. So I’d be glad for any kind of advice. The following link is one of the pages that doesn’t load the way it should. http://christiankotz.tumblr.com/post/67249918485/j

Cheers

PixelMoxie

Hi there,

I’m not able to reproduce this, frankly. When I open the images on the photoset on the lightbox, they look the same, so I guess they’re not being cut out on my end.

My guess is you have enabled “Prevent Image Upscaling” and the issue is related to that. Can you please disable that setting and let me know if that fixes it? You shouldn’t need that anyway if your images are large enough.

Thanks!

Sergio

Default-user

Hi again. It’s true I have enabled “Prevent Image Upscaling” and if I disable it the pictures load properly. I guess I could upload all Images in a resolution large enough, so they don’t get blown up too much. Could you suggest me how wide my pictures had to be?

Oh and can you tell me what kind of browser you are using? I’ve just tried loading the page with different browsers. Safari and Internet Explorer don’t have difficulties. Firefox and Chrome show me the same problems.

Thanks a lot for helping

PixelMoxie

You’re welcome!

Images will never go beyond 1140px, so that would be the ideal size, unless you care about retina displays, then you could double that, but load times wold be slower.

Of course, if you’re using photosets and placing images side by side, they can be smaller.

I checked it on Chrome, but I don’t think it matters much. What’s going on is the following: a smaller image is loaded for mobile devices, if you’re on a desktop, a script swaps the small image with a larger one. But if the photoset layout is arranged before this happens, when the large image finally loads it will be cropped, because the smaller image dimensions were taken into account. I’ll have to revise the script so this doesn’t happens in the future.

But if you use large enough images and uncheck “Prevent Image Upscaling” you will be fine.

Default-user

Okay thanks again for your fast replies. Well I guess I’ll uncheck the Upscaling or try to work my way around the problem by changing my photolayouts or resolutions.

PixelMoxie

No problem, let me know if you need help with anything else.

Default-user

Well I found a few more questions,I’d like to ask you^^

1. Is there a way to show more than 15 posts on my portfolio-grid?

2. The Thumbnails sometimes kind of stretch, when my Browser-window isn’t maximized. It isn’t thaaat important, but if you have any simple solution, that’d be great.

3.I’m not using the audio overlay sprite for my portfolio-grid at the moment. Is there any way to show this sprite when the post has a certain tag?

PixelMoxie

Hey there!

1. Sadly, no. tumblr only lets you display up to fifteen posts per page.

2. The thumbnails are supposed to resize a little bit, depending on your viewport size. So when you resize your browser, they will get bigger or smaller, but the aspect ratio, the proportions, should stay the same, and the thumbnail image should not look distorted. If they look weird at some screen resolution for you, try to send me an screenshot.

3. If I get this right, you want to display the icon for audio on thumbnails that aren’t necessarily audio posts, but have some specific tag.

This is possible, but first you need to make some edits to the theme. Let’s say you want to do this with Photo and Photoset posts. If you look at the following image, you can see how I added {TagsAsClasses} after is_photo and is_photoset, on lines 1787 and 1794. You need to add that for each post type and save your changes.

http://i.imgur.com/i5P3wHC.png

Then add the following into the “Add custom CSS” box, in the “Advanced options” section, replacing my_custom_tag with the tag you want to target :

#portfolio_index .my_custom_tag .overlay .icon.plus {
    background-position: -200px -200px;
}

Let me know if that helps!

Default-user

Thank you so much for your help. It works perfectly fine! Exactly the solution I was looking for. Oh and if the distorted thumbnails show up again, I’ll send you a screenshot.

Thanks again

PixelMoxie

You’re welcome! I’m glad I could be of help :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

The theme is amazing. Just wondering if it’s possible to add facebook plugin to allow user comments on posts?

Default-user

Oh and two more questions: 1) Can I add my own text on the navigation bar? 2) Is there anyway to move the social icons into the top banner?

Thanks so much!

Default-user

Sorry! One more – how do I make the footer full width across?

Default-user

haha sorry for the long message thread but figured out how to make the footer full width and changed the text on the top navigation. So just wondering if I can move social icons to the top and add facebook plugin. Theme is working out perfectly though!

PixelMoxie

Hey there!

1. Facebook comments are not an option, but there are some tutorials on the net that explain how to do that, such as http://goo.gl/1VG2Kf — you will need to alter the theme file yourself though.

2. Moving the social icons to the header can be tricky; depending on the screen size and number of icons, there may not be room for them at all. I would recommend against it, but if you must have them there, you will need to duplicate the code that deals with the icons and place it inside the header, and add quite a bit of Custom CSS to deal with positioning them correctly on different viewport sizes. I would help you with this, for a reasonable fee, but sadly I don’t have any free time ATM.

I’m glad the theme is working well for you though :)

Cheers!

Default-user

Thanks for the quick reply man. Really appreciate it.

One last thing if you get the chance – is it possible to make the tumbnail headers stay and remove the hover images?

PixelMoxie

You’re welcome!

If you want to hide the overlay icons, paste the following CSS rule into the “Add custom CSS” on the “Advanced options” section of the customization sidebar:

#portfolio_index .icon.plus {
    display: none !important;
}

Let me know if that helps!

  • Bought between 100 and 499 items
  • Canada
  • Has been a member for 3-4 years

Hey Love this theme. But I have 2 questions: 1. Does this theme support infinite scroll, if not how do i increase the number of post shown on the home page. 2. I am using IFTTT (If this Then That. http://ifttt.com) to create audio posts from my soundcloud cloud account. The problem I am having is that the audio posts don’t have thumbs. Even when i try to create a manual post, the option to add an image is missing?

PixelMoxie

Hello there!

Supple doesn’t include an option for infinite scrolling, but I know of other user that has implemented the following solution. This basically triggers the “Load more posts” button when you reach the end of the page. Paste the following towards the end of the HTML code, before the closing </body> tag, maybe it’ll work for your purposes:

<script>
    var lastScrollTop = 0;

    $( window ).scroll( function() {
        var scrollTop = $( this ).scrollTop();
        if ( scrollTop > lastScrollTop ) {
            if( $(this).height() + scrollTop > $(document).height() - 10 ) {
                $("#pagination .tumble_trigger").click();
            }
        }
        lastScrollTop = scrollTop;
    } );
</script>

To set the posts per page, go into the “Advanced options” section of the customization sidebar, but you can’t show more than fifteen.

For audio and video posts, you need to insert the thumbnail image manually, as outlined on the “Audio and Video Posts Poster Images” section of the docs. http://goo.gl/3i28Xf

Let me know if that helps,

Cheers!

Default-user

thanks for the quick reply. i pasted the code you gave, above the tag and it doesn’t seem to work. Any other suggestions? As for the number of posts, Thanks :) I totally missed that one.

Lastly to your knowledge can I embed the post image using IFTTT?

PixelMoxie

You’re welcome, please share a link to your site so I can take a look at that script.

Regarding the thumbnails, I’m not really familiar with www.ifttt.com, but I doubt you can automate something like that, because Tumblr doesn’t have a native way of assigning an image for audio posts, so what we do is a workaround. Most likely, you will have to edit each audio post and manually insert the image after the title.

How do you use www.ifttt.com for your purposes?

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • United Kingdom
ivanute Purchased

Hi PixelMoxie

I’ve just bought your Supple theme. It looks fantastic so far. I just have a few issues I couldn’t manage to solve myself:

1- Is there a way to hide the Comments Count and Post Share function and also the Disqus Comments from the Submit page or any other static page? There is no point on allowing people to add comments on a static Submit page.

2- Although I’ve properly changed the sprite provided (both std and @2x versions) the site won’t show the updated sprite even when it’s been replaced on the Theme Assets menu. This has been checked in a few different computers after and before emptying cache and all that…

Thanks :)

PixelMoxie

Hi there,

Thanks for your purchase!

Static pages are just like Text posts, but without a “date”, so if you wrap the offending blocks with {block:Date} {/block:Date}, they won’t be rendered on static pages.

For the comments count and share, go to line 2132 and wrap the block the beings with <section class="post_details"> with the {block:Date} {/block:Date} tags, so it looks as in the image below:

http://imgur.com/r2s3620

Then do the same for the Disqus comments, on line 2207:

http://imgur.com/GWonIaM

Regarding the sprites, that seems to be working fine on my end. Make sure to upload them into “Sprite” and “Sprite Hires”. Use those fields to upload the sprites, don’t go into “Theme Assets”, as those will be overridden. If they still don’t show up, please send me a link to your site so I can take a look, and let me know what you have changed.

Cheers!

Sergio

ivanute
ivanute Purchased

Sorry I can’t seem to find the Sprites and Sprites Hires fields you mentioned above. Where can I find them? What I did was just replacing the existing ones on Theme Assets which should work, shouldn’t it?

Other than that, thanks for the Comments/Share fix, it did the job! cheers

PixelMoxie

The fields to upload the sprites are right below the ones for the logo:

Replacing the default sprites on “Theme Assets” won’t work in this case because they are overridden by the options “Sprite” and “Sprite Hires”.

ivanute
ivanute Purchased

Ok, what’s the difference between them? Should I upload sprites-custom.png into “Sprite” field and sprites-custom@2x.png into “Sprites Hires”?

PixelMoxie

Exactly ;)

ivanute
ivanute Purchased

Hires = Hi Res… Such a dumbass I am :( Thanks for your help!

PixelMoxie

No problem!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

I plan to use this theme for my online store, and need to know how well paypal buttons work when added to a post; also, whether or not a static, View Cart button can be posted to the description or header.

Thanks in advance

PixelMoxie

Hi there,

Assuming the paypal button is just an image wrapped on some HTML code and all it does is direct you to another page, you should have no problem adding them to posts or pages. After creating the button (unencrypted), you simply copy and paste the button code into a post description or caption.

The description on the site footer takes HTML tags as well, so adding a static button there should be no problem. I can help you out with these tasks if you need to, but it should be fairly simple.

Regards,

Sergio

by
by
by
by
by
by