Discussion on Supple - A Portfolio Theme for Tumblr

Discussion on Supple - A Portfolio Theme for Tumblr

Cart 746 sales
Well Documented

PixelMoxie does not currently provide support for this item.

199 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.

Sergio

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 there

i love the theme great work :_)

i have one question and i hope u can give me some tips.

I am trying to create button for NEWSLETTER from Mailchimp is called Chimplr.

I do all the steps but i am a bit confused as they give 2 different ways.

I try both but seems i am doing something wrong.

Here are both way of instructs they present:

http://tumblr.chimplets.com/step4 http://connect.mailchimp.com/how-to/20

Can you please let me know what i do wrong or where exactly i need to past this code or if i need to make any changes in the html?

with kind regards

Not sure where you’re getting stuck, as the instructions on the second link seem pretty straight forward. Once you generate your code, from the dashboard you go to “Customize” > “Edit HTML”, and paste the code inside the opening <body> tag.

Please write from the same account you used when you purchase the theme when asking for support, otherwise I can’t verify that you own a license.

Kind regards.

Hello Sergio, I update my theme but I have some problems with the modifications I made. How I disable the lightbox in my theme?

I want disable the option to click on an image inside the post.

And how I prevent the first image on a photoset to upscaling?

I try everything in this discussion but nothing work, I check and uncheck the (Prevent image upscaling) And I tried some css codes like this:

.portfolio_single.is_photo .post_media img, .portfolio_single.is_photoset .post_media img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; } .photo_slideshow .photoset_photo, .portfolio_single.is_photo .post_media .photo_single { text-align: center; } .photo_slideshow .photoset_photo a, .portfolio_single.is_photo .post_media .photo_single a { display: inline-block; }

Thanks for your help. Cheers, Ricardo

Hi Ricardo,

If you want to disable the lightbox for single images and bypass clicking through images as well, you need to remove the tags {LinkOpenTag} and {LinkCloseTag} on lines 1566 and 1575.

The option Prevent Image Upscaling works now only with single images, as photosets looked wrong sometimes with this option enabled. Now there’s an option to limit the width of photosets, that way it looks better and more consistent. If you images aren’t larger than 700 pixels, for example, enter the value `700` for the Photoset Max Width option.

I hope that helps!

Sergio

Hello thank u for the awsome theme i really love it ;-)

I have 2 questions in which i can’t found solution so far:

1st the search box i know i can change the opposite and make it completely white. When i do that how i can change the colour of the X for closing and the colour of the magnifying glass? As well when is with opposite u can see around the search box have small border how i can change the colour of this border too?

2nd question is on the social links icons in the footer have a grey circle around it how i can change it to white?

thank u so much in advance

Stoyan,

If you want to leave the link for Shop out of the dropdown, uncheck the option to show the page on the menu or remove the redirect page, group the remaining two pages on the dropdown, and then add the code for the Shop link manually into the theme HTML.

The navigation begins around line 1075. Add the code for your link at the end of the <ul> element inside <nav id="main_nav"..., should look something like this:

            <li><a href="link/to/the/shop" target="_blank">Shop</a></li>
        </ul>
    </div><!-- /.wrapper -->
</nav><!-- /#main_nav -->

If you need help with that, email me using the form on my profile page.

Cheers!

hi thank you for the full information. I only have problem that i can’t found the tag line in HTML file after the line of 1075. I look carefully but so far can’t found it. ;-( I have the same problem with the tag line to add the newsletter i did all the steps but can’t found the line in the HTML too.

I export even the HTML with Smultron and use the search option in the HTML file but didn’t found it as well.

Please send me an email using the form on my profile page regarding your issues. Include a link to your site and remind me briefly what you were trying to achieve both with the link to Shop and the newsletter.

Cheers!

Hello, Is there a way to upgrade from v1.2 to v1.3 without losing all my content? I’d like to change the header height. Thank you!

When updating the theme you won’t lose you content, and the options you have set on the customizer should be preserved. Cheers!

Hello, great theme just one question.

I have successfully used a custom thumbnail on a video post as per Supple Theme Documentation v1.3.0 however I was wondering if it is possible to do the same on a text post or have the thumbnail for a text post be one of the photos used in that post. Alternatively I was wondering if it is possible to have the text at the top of a photoset post rather than at the bottom. Thanks a lot!

The gap is there because you’re not showing the post date, notes, etc. Add this to your custom CSS and let me know if that helps:

.portfolio_single .post_details_blocks { display: none; }

Cheers!

Beautiful! Really appreciate the efficient support for this theme.

You’re welcome! I’m glad I could help.

Hello,

I have a problem with the supple theme.

I have just started editing my page ‘snfstudio.es’ and the problem I noticed is that my logo shows correctly on the desktop version but it will change to the original ‘Supple’ logo on the mobile version and I have no idea how to fix it. :(

I hope you can help me fix the problem, Thank you in advance!

I fixed it! Thanks anyway!

Hello there, I’m glad to hear you solved your problem :) I guess you just needed to upload the retina version of your logo. Cheers!

How can you use a custom background instead of a solid color?

and if I can get that top header where the logo and navigation menu transparent to. That’s all I need.

To make the header and footer transparent, copy the code from this bin into the “Add Custom CSS” box (make sure to copy from the RAW Paste Data): http://pastebin.com/7RM3nPKv

I recommend you change the header positioning to `absolute` as well so it doesn’t mess with the grid.

Hope that helps!

Thank you that worked!

Hi there! Maybe my is a “dummy-question” but…here it is: how can I change the body text size?

Hi there!

I guess you mean the text on the post description/caption of the permalink pages. The safe way to do that without breaking the layout, would be to set the size for the children elements. Go into the advanced options, and on the “Add Custom CSS” box, paste the following:

.portfolio_single .post_content p,
.portfolio_single .post_content ol,
.portfolio_single .post_content ul,
.portfolio_single .post_content blockquote {
    font-size: 1.2em;
}

You can set the font size in pixels, ems, or percentage. For example: “21px”, “1.2em” or “120%”.

I hope that helps!

1. Hello, I recently bought the awesome Supple Theme and stumble uppon a tiny trouble loading posts on the tagged section http://plaguesworth.tumblr.com/tagged/fan%20art

I keep getting “Error loading posts” when trying to load more pictures, am using Google Chrome.

This theme is super awesome and can’t wait till I start adding some kickass stuff into it :D

That was a pretty quick reply! Ill send you a message, thanks :D

Hey, I didn’t get a message from you, but you can download the update directly from TF now. Cheers!

Its all good, I got the patch on the download :) Everything is working perfectly now, thanks again.

Hi, thank you so much for the beautiful theme! I have a question about the titles and text on the individual posts. The images are centered, but the text is aligned to the left. On posts with a lot of writing, this isn’t a problem; but on posts with shorter descriptions and titles, it looks unbalanced. Here is an example from my site.

http://tdylanmoore.com/post/80701339718

I’ve played around with the code trying to get the text to center with the image, but apparently I’m an idiot, because nothing I’ve tried has worked. Is there an easy fix for this?

You’re welcome! Thank you for your purchase :)

I believe the following custom CSS should help:

@media screen and (min-width: 48em) {
    .portfolio_single .post_details,
    .portfolio_single .post_content,
    .portfolio_single .post_meta {
        max-width: 49em;
        margin: 0 auto;
        text-align: center;
    }

    .permalink_pagination.mobile {
        text-align: center;
    }
}

Also, you have an error in your custom CSS, with the font family declaration. May be you want to use that font on the body tag, like this?

body {
    font-family: 'Libre Baskerville', serif;
}

Best regards,

Sergio

Hi there,

is there a way to manually trigger the lightbox? I would like to add thumbnail on the homepage, when a user clicks on it, it will trigger the lightbox with a video.

Sorry, that isn’t possible. Besides, the lightbox only supports images, not videos. Regards.

Hi there,

is there a way to have 2 breaking points only? Desktop & mobile, due to my design, i dont want my grid to resize until its on mobile. Is it possible?

thanks

Hi there,

It should be possible, but you will have to edit the CSS rules that are exposed on the markup that make the layout responsive.

It really will depend on when (at which viewport width) you decide that the transition from mobile to desktop should happen. Keep in mind that not only the grid changes, most of the main blocks (header, navigation, permalinks, footer) change their layout as well at several breakpoints.

If you have installed the latest version of the theme (1.3.0), the theme CSS begins at around line 530. You will have to look for all the rules inside @media queries and consolidate them into only two, or perhaps one, default styles for mobile, one media query for desktops, removing duplicate rules, depending on your needs. If you know your CSS it shouldn’t be too difficult.

If you need to have this done for you, it would be a paid customization job. You can contact any freelance developer, or drop me an email using the form on my profile if you want to pursue this. Don’t forget to include a link to your site and explain in detail what you need.

All the best,

thank you, i will update the css code

No problem. Cheers.

Hi PixelMoxie!

How can I change the “Showing posts tagged (tag)” by just the name of the tag?

Btw, the theme is just awesome! :D

Hi Nexz!

Thanks for the kind words :)

First of all, if you aren’t using the latest version of the theme (v1.3.0), I recommend you download the latest file and update.

1) To show only the name of the tag on “tagged” pages, click “Edit HTML” on the customizer and go to line 1308; should look like this:

<div class="inner"><p>{lang:Showing posts tagged Tag 2}</p></div>

Change that line to:

<div class="inner"><p><strong>{Tag}</strong></p></div>

2) Edit the options Pagination Prev Post Label and Pagination Next Post Label, removing the text and entering the code for the arrows: and

If you find the arrows too small, you can add some custom CSS to alter the font-size and padding (Advanced options > Add Custom CSS):

.permalink_pagination--mobile a {
    font-size: 21px;
    padding: 0.42em 1em;
}

I hope that helps!

Works perfect! :) Another question: It’s possible to put those buttons (? and ?) centered on the page?

Sure, your Custom CSS should look like this then:

.portfolio_single .post_meta {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.permalink_pagination--mobile {
    text-align: center;
}

.permalink_pagination--mobile a {
    font-size: 21px;
    padding: 0.42em 1em;
}

Cheers!

Hey there! I love the theme so much.

You guys really know how to make us designers look good. (I was really torn between purchasing Supple and Umo- it was a hard choice! I still may purchase Umo in the future for an additional project.)

I just have a couple minor questions that I hope you can help me with.

1.) Is there a way for me to edit the coding so the ‘About Me’ text wraps around my avatar/profile picture in the ‘About Me’ section?

2.) How do I make the horizontal rule/accent above the social media links stretch 100% across the page?

3.) Is there a way to alter the opacity of the arrows and the text boxes that hover over the slideshow in the header? (I want the content- the arrows themselves and the text- visible/opaque but the boxes that they are in to be kinda faded or transparent.)

Thank you again for the beautiful themes. And thank you for reading this and any advice you may have to point me in the right direction. :)

Hello there!

Thanks for the very kind words :)

1) I guess your avatar image has a non-rectangular shape and you want the text to wrap around it. I’m afraid that isn’t possible. Let me know if you meant something else.

2) If you want to make it look as if the footer spans the whole width of the browser window, you need to add some custom CSS.

3) I think it’s possible using RGBA values for the background colors (that’s like regular RGB colors but with opacity).

The code to make this changes will depend on the customizations you made, colors you chose, etc. Send me an email using the form on my profile page, and I’ll point you on the right direction.

Don’t forget to include a link to your site!

This is an A-M-A-Z-I-N-G theme. I’m totally in love with it. I only have a little question. Have you think about make a 500px Widget like flickr or instagram?

Thank you sooooo much!

Hi Laura, hope all is well!

You’re using Supple v1.2, and there was a slight change with Vimeo embeds recently that broke the code that fetches video thumbnails. Version 1.3 of the theme fixes this and introduces many other improvements, so please download the new files (from your “Downloads” tab) and update the theme. Just repeat the same steps outlined for installation.

Please let me know if that helps!

Sergio

Yeeeey!! I downloaded it, but I forgot to install. It’s perfect now.

And a gift… http://developers.500px.com/ ;)

Thank you!!

Thank you, I’ll look into it :)

Hello, I have just purchased this theme and love it so far! I am currently in the process of updating our Tumblr page to this theme; however, I do not want it to go live until I have it perfect.

I am having a bit of trouble, and am hoping that you would be able to assist me, as I would like to be able to change the width of my images. Many of the vertical photos that I have posted are only showing the center of the image, so its practically unviewable. Our Tumblr page is allthatscosplay.tumbr.com It has a different theme currently, but you may see why the entire image is important for us.

I have changed the Height Percentage, but am still having trouble with the width. If there is a way to change this in the coding, I would very much appreciate your help.

Thank you!

Hello there,

Thanks for your purchase!

I’m not sure what you mean by changing the width. As all thumbnails need to be the same size, unless your images have all the same proportions, some of them are not going to show fully, no matter what.

If you want to display portrait images better, you might increase the thumbnail height percentage, but then landscape images will be cut off at the sides. This is just how it works, because the images need to fill the entire thumbnail area, no matter their proportions.

I hope all this makes sense. If you need all the images to be fully visible on the homepage, then you’ll need a theme with thumbnails of variable height, possibly a masonry layout.

By the way, your site allthatscosplay is being flagged as malware by my AV so I can’t see it. It’s probably nothing, but you should look into it anyway.

Kind regards,

Sergio

Sorry, there was a typo on the address you pasted, so I was able to access your site. But if I go to “allthatscosplay.tumbr.com” I get a warning.

Hi! i’m interested in getting this theme for showcasing and business purposes.

I notice that a heart icon will appear on the corner when one hovers over the thumbnail, is that a like button? May i know where is the reblog button?

Does this theme support e-commerce?

Let me know! Thanks! :D

Hi!

Yes, that’s a “like” button, and it’s only optional. A “reblog” button can also be displayed by its side, it’s just now shown on the demo.

Not sure what kind of e-commerce support you expect from Tumblr theme. You could paste the code to display a PayPal “buy” button on each post description, or something along those lines. The theme is mainly intended for showcase, what you get is what you see on the demos.

Cheers!

Ahh i see, thanks so much for answering my question! :)

You’re welcome :)

Hello!! I sent an email to you with a question. I also sent the address of my portfolio.

I just want my header to be always in the same place without resizing the background image. (Slide1) Everytime I resize the window my top design changes and I dont like that, even if this is the best way to fit all resolution sizes, What I want is put a simple image with my logo on top of the portfolio. I made the header transparent and uploaded the background image in “slide 1”. Is there another way to do that?

Maybe the solution is set a background image to the menu instead of upload in slide. I really don’t know. In your exemple the menu have a solid blue color.

Thanks for your help, Cheers, Ricardo

Hi Ricardo,

I have replied to your email, cheers!

Sergio

Hello! First of all, I’m loving the theme! The only problem I have is that even with “Prevent Image Upscaling” the images in photosets are always upscaled. How can I fix it? Thank you

Hi there,

Glad to hear you’re enjoying the theme!

“Prevent Image Upscaling” currently works for single images only because photosets don’t look too good with that option on.

If you’re using photoset gris (no slider), you can arrange your images on the dashboard so they appear side by side if they’re too small. Or you can go to “Advanced options > Add custom CSS” and paste the following CSS snippet (copy the RAW Paste Data):

http://pastebin.com/kQqWzXQc

Let me know if that helped!

Cheers,

Sergio

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey