149 comments found

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

Hello again,

Thanks for your previous answers – all very helpful. I just wondered if it would be possible to offset the main-navigation menu from right instead of left?

PixelMoxie

If you don’t mind the menu being obscured by the search box when it’s open, you can try the following (paste it on the “Add custom CSS” box):

#main-navigation {
    left: auto;
    width: 100%;
    padding-left: 200px;
    padding-right: 48px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#main-navigation .dropdown {
    text-align: left;
}

Cheers!

  • Sold between 1 and 100 dollars
  • Exclusive Author
  • Has been a member for 3-4 years
  • United Kingdom
  • Bought between 10 and 49 items

Hi great theme.

Is it possible to do the following…

http://pixelmoxie-bloq-dark.tumblr.com/post/47558673954/foundation-framework-the-most-advanced-responsive

...but with video?

I’m running a video blog which needs multiple videos on each post

Thanks! Mikey

PixelMoxie

Hey there,

Tumblr doesn’t support multiple videos on video posts. You best bet at the moment would be to create a video post as usual, and paste the embed code for the additional videos on the post caption (in HTML mode) after the ‘fake’ title, wrapping them in <p></p> tags, so it looks like this:

<p><strong>Multiple Videos</strong></p>
<p><iframe frameborder="0" height="281" src="//player.vimeo.com/video/74096282?title=0&byline=0&portrait=0&color=090a0a" width="500"></iframe></p>
<p><iframe frameborder="0" height="281" src="//player.vimeo.com/video/73823361?title=0&byline=0&portrait=0&badge=0&color=090a0a" width="500"></iframe></p>

If you don’t float the media to the left or right (it will look funky if you do) it should look something like this: http://bit.ly/1fXNkPd

Let me know if that helps!

mikeyeaton

Hey thanks loads… Is there anyway of shifting the title to the top of the post? rather than sat between the first and second video.

Thank you x

PixelMoxie

You’re welcome! You can try shifting the title to the top with some JavaScript after the content has loaded. Edit the theme HTML, and at the very end, before the closing </body> tag, add the following:

<script>
    function onAjaxContentLoaded() {
        $('.post-detail.type-video .project-title').prependTo('.post-detail .post-media');
        $('.post-detail .post-content').css('margin-top', '1em');
    }
    onAjaxContentLoaded();
</script>

Let me know if that helps!

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

ok, this question may sound so stupid but, if i have modified some lines in the code in order to change a little bit the design of it, how can i update the site without resetting all the changes i made in the code? is there any way? thanks! you’re awesome!

PixelMoxie

Hi, you need to keep a log of the changes you make, or store a backup file of the older theme with your changes. After you paste the new code, they will be lost and you will have to re-apply them—there’s no way around that.

If you’re only making changes to the CSS, I recommend you do so using the “Add custom CSS” box on the customization sidebar. That way they will persist after an update.

Cheers!

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

I’m new to the whole css and html thing…. but i would like to have some of my images show up as the rectangle in my portfolio. where do i type the “double” tag

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

Hey i’m new to the css and html thing but i would like to have some of my images in the portfolio show up as a rectangle, where am i typing the “double” tag

PixelMoxie

Hey there,

Thanks for your purchase!

You add the tag to the post on the dashboard, like you normally tag posts, like so:

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

Cheers!

Default-user

thanks a million !!!!!!!

PixelMoxie

You’re welcome :)

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Saudi Arabia

Is there a way to support rtl language ?

PixelMoxie

Tumblr isn’t great at supporting Arabic and other RTL languages, and I don’t know if you need support for individual posts or site-wide. Mimicking the steps from this post http://bit.ly/1f3rf4d you can give this a try.

On the “Add custom CSS” box on the customization sidebar, paste the following:

.arabic {
    direction: rtl;
    text-align: right;
    font-size: 1.1em;
    font-family: 'Amiri', serif;
}

/* Revert 'read more link' to normal */
.arabic .read-more-panel {
    direction: ltr;
    text-align: left;
    font-size: 0.9em;
    font-family: 'Source Sans Pro', sans-serif;
}

.arabic .reading-pane h1,
.arabic .project-title {
    font-family: 'Amiri', serif;
}

.arabic .project-title:after,
.arabic .categories h4:after {
    left: auto;
    right: 0.0625em;
}

On your dashboard, use the tag `_arabic` on the posts you want to target.

If you want the ‘Amiri’ font to display properly, on the theme HTML, search for </style> around line 585 and paste this right before it:

@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);

Let me know if that helps!

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

Hi. Is it possible to centre the Logo?

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

Hi. Is it possible to centre the Logo?

PixelMoxie

Hey there,

No, not really. It would conflict with the navigation and the ‘hamburger’ icon that opens the off-canvas panel, and as the header has a fixed height, it isn’t possible to make room for it by pushing other stuff down.

Regards,

Sergio

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

I’m having an issue with the logo, in every browser it works great. But in Chrome it seems to flicker under the logo (even your default logo on your test website) how do I go about fixing this?

PixelMoxie

If you’re seeing flickering on hover, that must be caused by the ‘normal’ image fading out and the ‘rollover’ image fading in. I’m using Chrome and I don’t notice it, but I guess it depends on the images being used as well.

One way to solve it would be to save your logo images, using the Save for Web command, as PNG-8 images instead of PNG-24, checking ‘Transparency’ and matching the ‘Matte’ color to the one on your header background. Click the link below to see the settings:

http://i.imgur.com/9M19cio.jpg

Let me know if that helped!

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years

Hi, i want to make a suggestion for future update if that is possible, it will helpful if we have the option for a sticky tags in first page in “everything”, as example like 4, 6 or 9 posts from particular tag, and after that follows the recent posts. Also a small feature but useful is to have a “back to top” button and an email icon in social icons. Thanks

PixelMoxie

Hi there,

Thanks for the suggestions!

Tumblr doesn’t have a native solution for ‘sticky’ posts, so they only way to accomplish that would be to retrieve them with Ajax using the API, then prepend them at the top of the grid. That would be a little convoluted and could cause conflicts with the Masonry script, so I’m not sure about that one.

I will take note on the back-to-top button and extra icons, as those could be useful to some.

Cheers!

Default-user

I understand the development issues, maybe an alternative is to have a section before Ajax and to use for a tag like “features” or anything else with some posts, maybe a smaller thumbnails size. Thanks for the other options who I mention before.

PixelMoxie

That would be an option, to show the ‘featured’ posts outside of the main grid. Thanks for the thought put into it, I’ll consider it. Cheers!

Default-user

Thanks a lot :-)

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Is it possible to select a color for the post hover state by using a tag?

PixelMoxie

Yes, that’s the way you do it actually!

From the docs: “To set the category colors, use the pickers for Category 1-9. These colors will be used for the thumbnail overlays and the portfolio filter dropdown list.”

So, you set you categories colors and slugs (“Category 1-9 Slug”), and tag your posts to match a particular slug, e.g., “graphic design”. Then the thumbnail will pick the color associated with that category. Try not to include several “slugs” in your post tags, otherwise the applied color will be a little unpredictable.

Cheers!

Default-user

thanks but I wanted to know if I could enter a totally different color from the categories 1-9 using a tag

PixelMoxie

Sure, you can do it with some custom CSS, which should be added to the “Add custom CSS” box on the customization sidebar. If you want to keep the slight transparency, you need to include both the hex and rgba values.

Here, for example, your tag would be “dummy”

#portfolio-grid .dummy .overlay {
    background-color: #f00;
    background-color: rgba(255, 0, 0, 0.9);
}

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

Hi..great theme.. Wondering… Is there a way to make additional navigation links with drop down menu links? like “pages” and “tags”

PixelMoxie

Thanks for the kind words!

You can add additional dropdown menus with custom links only by altering the code and entering the required markup manually. If you know some HTML, around line 1273 you’ll find the main navigation <nav> with a <ul class="menu"> inside. Inside that menu element you should add the dropdown markup following this structure:

<li>
    <a href="#">Dropdown Label</a>
    <ul class="dropdown">
        <li><a href="#">My custom link 1</a></li>
        <li><a href="#">My custom link 2</a></li>
        <li><a href="#">My custom link 3</a></li>
    </ul>
</li>

If you need a little help, contact me using the form on my profile page.

Cheers!

Default-user

thank you thank you thank you

PixelMoxie

You’re welcome :)

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

Love the theme! Is there a way to remove the tags that float over each post in the grid? And the tags in each post? Checkout my website too.

www.theartofyoga.org

?

PixelMoxie

Site’s looking good :)

To hide the tags, paste the following snippet into the “Add custom CSS” box.

#portfolio-grid .categories,
.post-detail .categories .tags {
    display: none;
}

Beware that the CSS you have there now is malformed and it will prevent any CSS rules from taking effect. What is it there for?

Default-user

That other code was to remove the tumblr controls. What code should I put now to do that? Also for a future update I’d love to see the ability to upload a logo instead of that spinning loading wheel. Awesome work!

PixelMoxie

To hide the controls you need to add:

#tumblr_controls {
    display: none !important;
}

You can use a background image on the spinner with some hackish CSS. For example, to show your logo instead of the spinning wheel, the entire custom CSS could look like this:

#portfolio-grid .categories,
.post-detail .categories .tags {
    display: none;
}

#tumblr_controls {
    display: none !important;
}

#spinner {
    background: url(http://static.tumblr.com/f45fe41dbea706280e4e0a5e3766b36f/d5uuisl/8WRms4ewi/tumblr_static_yogi_c_logo_sd2.png) no-repeat;
    width: 100px;
    height: 80px;
    margin-left: -50px;
    margin-top: -40px;
}

#spinner .spinner {
    display: none !important;
}

Cheers!

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

Hey Pixelmoxie

Love the theme but have a couple of questions

- How can I reduce the size of the images that appear on the posts. (they tend to pixelate and look huge, overshadowing the text) - How can I reduce the text size of the posts and overall? - How can I add multiple tags on the post, but not show them when they are hovered over the image in the main page?

Thanks!

PixelMoxie

Hello there,

You can use one of the layouts that place the images to the right or left, as on this post: http://bit.ly/11b7Cgz

You can set the layout for all your posts, or on a per-post basis by using the tags “left-media” or “right-media”. Please refer to the following section of the documentation: http://bit.ly/1gtRELQ

That will make your images look smaller. if that’s not enough or a good option for you, toy can add the following CSS rules into the “Add custom CSS” box on the customization sidebar, and that will prevent the images from scaling up past their natural width:

.post-media img {
    max-width: 100% !important;
}

You can’t reduce the overall text size, you will need to target the elements you want individually. The body text size for posts isn’t particularly huge. On screens below 1200px wide is set to 16px, and on larger screens, to 18px. If you want to keep it 16px —or change it to another value— for all screen sizes, use the following rule:

.post-detail .description, .post-detail .categories {
    font-size: 16px !important;
}

To hide the tags/categories on the grid thumbnails, use the following snippet:

#portfolio-grid .categories {
    display: none;
}

If you need further help, please don’t forget to include a link to your site.

Cheers!

Default-user
shossni Purchased

Thanks so much, I will add them and let you know how it goes. I have one more question: How can I make my page be a continuous scroll meaning that all the posts keep loading as you scroll down instead of having to switch pages.

here is the link: http://constantconversations.co/

Thanks in advance!

PixelMoxie

You need to switch on “Enable Ajax Post Loading”, but that will also enable Ajax for the portfolio filter. Bloq doesn’t have automatic endless scrolling though, meaning that you’ll need to click on the “Load More” button to see more posts.

Cheers!

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

Hello, Sorry in advance for my english, i’m french. I’m happy about this theme, i’m using it to make a portfolio for my video work. Today while i was tweaking some options, my page got down, nothing appears apart from the background. I think the last change i did was adding an “about” page to the blog.

I need some help please, i would like to use it for work, and i don’t know any html. Please let me know what info you need to help me. This is my blog jbbregon.tumblr.com

JB

PixelMoxie

Hi JB,

I’m sorry you’re having this issue. It looks like the text you entered for the option “Pagination Loading End Label” has an apostrophe and that’s throwing a JavaScript error. Try changing that text to an escaped string and see if that fixes it:

Pas d’autres vidéos

I’m sorry about that, I’ll try to minimize the danger of this happening on the next update.

Regards,

Sergio

Default-user

Thank you Sergio, it works now. It’s great if you can allow apostrophe for the next update !

JB

PixelMoxie

Actually, you can have apostrophes now if you type it as ’ instead of the “straight ones” (sorry, I don’t know a better word for them, and the forum software won’t let me type them.)

If you enter Pas d’autres vidéos —copy and paste it from here— you shouldn’t have a problem.

Cheers!

Default-user

Perfect thank you !

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

HUGE problem!!!! I just installed the theme and saved and it turns out that the site is all blank! I am pretty sure I didn’t do it wrongly coz i am a user of the supple theme before. Please help me tackle the problem. Thanks!

http://cecilialeehoishan.com/
PixelMoxie

Hi Cecilia,

I’m sorry this happened, you have entered some French text, with an apostrophe, for the “Pagination Loading End Label”, and that’s causing a JavaScript error. I’m aware of the issue and it the chances of this happening will be minimized with the next update. You can enter curly apostrophes though, please copy and paste the text as appears below.

C’est la fin!

I’m sorry about that.

Best regards,

Sergio

Default-user

Thank you so much! It works now. The theme is beautiful! But I am not quite understand about the Everything column. Is that a link to differnt category of stuffs like music, photos, text, or video preseted by tumblr or i can create my own tags for that? And is that possible to create links to tag on the top navigation bar as i used to in supple? Like a link named “Year” and it would show a slidebar with links to text of “2012” “2013”. (And if that is possible, can it be more than one? As to have different categories of choice.)

Thanks!

Default-user

One more question:) Using supple, when my mouse rest on the photo, it will show only the title. Can I do the same with Bloq? And is that possible to delete the frame overlay, or make that into the same color as the overlaying color? (But still keeping the title)

Thanks!

PixelMoxie

I’m glad it’s working now!

When the filter displays “Everything”, it means you’re looking at all your portfolio projects, unfiltered. You can enter up to nine categories or tags to filter your post, and they will show in that dropdown menu. You can disable the filter if you don’t like it (“Enable Portfolio Filter”).

It’s explained on the following section of the docs:

http://bit.ly/17lZfXf

If you enable “Enable Navigation Tags Dropdown” then those same categories will show up on a dropdown menu on the top bar, like in Supple.

So if for “Category Slug 1”, “Category Slug 2”, “Category Slug 3”, etc., you enter your years (2013, 2012, 2011) and set “Tags Dropdown Label” to “Years”, I think you can accomplish what you want.

But if you need more than one of those dropdowns, you will have to edit the theme HTML and add them manually, as Bloq supports only one out of the box (actually two, the other one is for pages).

You can create pages on your customization sidebar and they will appear on the top navigation menu, and you can redirect those pages to point to “tagged” pages inside your blog. For example, to display all your posts tagged as “dog”, you can create a new page named “Dogs” and make it redirect to “/tagged/dog”.

To learn more about pages and redirects, head over here:

http://www.tumblr.com/docs/en/pages

If you only want to display the post titles on the grid, add the following rules into the “Add custom CSS” box, on the “Advanced options” section of your customization sidebar:

#portfolio-grid .categories { display: none; }
#portfolio-grid .plus { display: none; }
#portfolio-grid .post:hover .overlay { box-shadow: none; }

That should hide the tags, plus sign and border on the thumbnails.

I hope this helps!

Sergio

Default-user

It helps! But when I try to set the Header Backgrond to #ffffff, it is never white. And for the slided down navigation bar, whenever I hovered an option, there appears an annoying line. Or if it will be possible to make the whole background transparent, so that when I click the “Category” on my site, it will only appears words underneath, but without the white block.

Sorry for having too many questions. Thank you so much!

Default-user

Also, can I change the transparency of the color overlay on the photos?:)

Default-user

Oh. I have changed the theme to black so that problem is not important anymore. But I would like to ask if I can change the font family and size of the font of the top navigation links?

PixelMoxie

Hey there,

To change the opacity of the overlay tint, look for the option “Overlay Opacity” and enter a value between 0 and 1 (default is 0.9).

There’s no option to change the font family for the navigation menu, it will use the same font as the body text. If you want to use a different google for for the navigation, you will have to link to it, and use some custom CSS.

Say you want to use “Noto Serif Bold”, for example. You need to grab the link to the font from Google Fonts and paste inside the theme <head> tag, for example after line 336, next to the other stylesheets:

<link href='http://fonts.googleapis.com/css?family=Noto+Serif:700' rel='stylesheet' type='text/css'>

The code should look something like this:

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

Then on the “Add custom CSS” box on the “Advanced” section of your customization sidebar, you need to add the following rule, where you can change the size too:

#main-navigation a {
    font-family: "Noto Serif";
    font-weight: 700;
    font-size: 21px;
}

I hope that helps!

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years
scenico Purchased

Hi I see the last update is 27 of october, but the version number is 1.2.0 from september, will be out the new version soon?

PixelMoxie

Hi there,

From time to time there are some “silent” updates that usually fix some minor issues that only affect some users. The changes made are so small they aren’t worth a new version.

I’m working on a new theme ATM, and after that one finally pops out, there will be an update to Bloq, probably on the second half of next month. Of course, if you you find a bug you should let me know, so it can be fixed as soon as possible.

Thanks!

Default-user
scenico Purchased

thanks ;-)

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

Hello! Great job with the theme! One quick question: is there a way to display Photosets on permapages in their Tumblr layout instead one after the other?

Thanks in advance!

PixelMoxie

Hi there,

Thanks for your purchase!

Not at the moment, but that will be added as an option on the next update, which is planned to be available near the end of next month.

Cheers!

Default-user

Thanks a lot for the prompt reply, highly appreciated :)

Since tomorrow I am launching the new version or our site and quite some of our content is taking advantage of the photosets layout for visualisation, do you have any tips on how to hard-code this?

Anyhow, looking forward to the next update!

PixelMoxie

You can use something like this in the meantime—it’s very similar to what will be used on the next update:

https://github.com/PixelUnion/Extended-Tumblr-Photoset

But you will need to change the code for Photoset posts in permalinks, plus add some CSS and JavaScript. Send me a message using the form on my profile page and I’ll tell you how to do so (include a link to your site!)

Cheers!

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

Play Counts

I have noticed on some tumblr themes this is prevalent. Is there anyway to “turn on” this functionality or do you know a good way to implement it?

Thank you! (great design i love it!)

PixelMoxie

Hi there,

The “play count” is available on themes that still use the old audio player. It only shows for audio files you upload from your computer, not when you embed audio (from Soundcloud or Spotify, for example), at least that’s my experience.

I decided to leave it out for Bloq but it can be added with a few lines of code. If you’re using Bloq send me a message using the form on my profile page and I’ll tell you how to add it.

Cheers!

  • Exclusive Author
  • Has been a member for 3-4 years
  • Romania
  • Bought between 1 and 9 items

This si great! Will be available for wordpress? :)

PixelMoxie

Thanks for the kind words! I would say yes, someday. Things are taking longer than expected so I don’t want to give false hopes :)

by
by
by
by
by
by