@eleveates themes @aurthms - Tumblr Blog

Posts

A coding challenge by southcodes

06. anything that counts as grid/masonry/colcade/multi-column

Haze

static preview / get code | buy me a coffee

features

two columns

up to 7 customizable links

optional sidebar width

optional posts width (for both single and grid posts)

supports Tumblr's new posts format (NPF)

localization strings

responsive

full list credits

#theme #themehunter #theme hunter #theme-hunter #tumblr theme #tumblr themes #responsive theme #southcodeschallenge

Think you are amazing and gifted and talented I love your themes

OMG! First of all, I'm really, really sorry for the super late reply. I swear I did not forget! It's just that since I failed to post on the time period I said I was gonna do it, I felt so ashamed to come into this page T_T, and as time was passing, I kept pushing it back and life got busy... but truly, I am so sorry I'm answering this at this time, but do know that i kept this comment in mind and i appreciate your words really much <3

#answered

I'm installing your "honey" theme but the ask box isn't showing up. Is this a known issue? (Also, thank you so much for gorgeous themes!!)

Hi! Thank you for linking my work, I really appreciate it <3

I haven't received any comments about the problem you're having, but I just looked at the code, and the solution is to remove the responsive script I used.

I will make sure to update the code, but since it would mean that I need to check every one of my codes, I can't promise it will be anytime soon, so under the cut, I can explain exactly what you need to do (:

#answered

mournstera

UnifyAudio

I wrote something! This is a little plugin to unify the design and look of Legacy and NPF Tumblr audio posts with some JS, HTML and CSS.

Please read through it all before contacting me for support:

→ Installation & guide

#resources

glenthemes

Solar Icons by 480 Design & R4IN80W

Icons: 1248 (linear style)

Categories: 52

Stroke width(s): 1.5px or 2px

Originally available as a free icon set for designers on Figma, I went through all of the linear style icons and converted them into an icon font for developers and theme-makers to easily use, along with an icon cheatsheet with their matching names.

👉🏼 Installation / Usage / Icon Cheatsheet 👈🏼

#resources

Hi there! Will you be releasing new themes? 🥺

Hi! I’ve meant to release some codes but haven't had the time to sit myself to fix them (╥﹏╥). But I do plan to post some in the next two to three weeks-ish ∘ ∘ ∘ ( °ヮ° ) ?

Thank you for reaching out (it makes me feel my work is appreciated (˶ˆᗜˆ˵)). Have a nice day, xx

#answered

idk if you can help but ive been using your theme Requested for a few months but now when i go to change anything like colour/font/etc i just get a message saying "HTML tags are not allowed in custom CSS code" do you know what that means and how to get around it, tysm

Hi, sorry for the late reply. I was busy, but I also tried looking for solutions to your problem but didn't find much.

I tried the code, and everything seems to work fine, but I couldn't find anything related? like it doesn't seem to be a problem within Tumblr, so my solution would be to try resetting your blog theme settings, following this tutorial (from step three (3)) by glenthemes, then copy the code from GitHub using the little icon on the top right of the top bar.

[transcript. Screenshot of Github site showcasing some repository and highlighting the button on the code header wich allows you to direct copy the raw file, used as reference to the sentence above.]

Also, don't know if this could help you, but I'm gonna share some links regarding the "HTML Invalid" trouble, maybe try checking some out and see if it works for you too (:

theme-hunter/psa-invalid-html-message-if-you-are-receiving

nyctothemes/hello-there-i-am-trying-to-use-your-amethyst

megscoding/invalid-html

Invalid html Tumblr tag

I do hope this helps you and please do not hesitate to reach out again if there seems to be another problem with any code. Have a nice day xx

#answered

glenthemes

🔍 Searchbar with custom search suggestions

A searchbar widget with custom suggestions in dropdown format. The searchbar allows users to enter anything they want, whilst also allowing for custom suggestions, e.g. your content creation tags, or favorite tags. Originally written in 2017, I’ve reworked this entirely and it no longer relies on jQuery.

Preview / More Info / How to Install:

🔗 https://git.new/glen-searchbar

#resouces

mournstera

A Rich, jQuery-free Tumblr Basecode

Most of us theme-makers have used jQuery since the beginning of Tumblr because many scripts reqired it, but I'm we're finally at a point where stuff can be done without. This is designed for you to not rely on jQuery at all.

Please read through it all before contacting me for support:

→ View and download here.

#resouces

[same leo theme anon] hi, so sorry to bother you again but i think misworded my question, sorry english isn't my first language. i was actually wondering if i could change the shortened timestamp to {month} {dayofmonth} format? when i tried to change it, the date moved itself right next to the blog username instead of being on the corner top right. again i'm sorry for the miscommunication, and thank you so much ;;

Hi, it's no bother at all! Also, it's okay no need to apologize for a thing, english isn't my first language either so I know it can get tricky to explain some things (❀ˆᴗˆ)(•́ᴗ•̀✿)

Now, as for changing the date format, you will need to remove the script since it's made to change the timestamps.

[transcript. Screenshot of Tumblr's HTML editor, which shows a commented section that reads as below

Delete both these scripts (you can just (ctrl+f) to search for them in the editor):

And this one:

$(".timeago").timeAgo({ time: "letter", });

Then, you'll only need to replace the timestamp with the new format tags you want, in the date holder.

[transcript. Screenshot of Tumblr's HTML editor, which shows a commented section that reads as below

Replace the timestamp in the date holder (you can just (ctrl+f) to search for them in the editor):

<a class="timeago" href="{permalink}" title="{timeago}">{timestamp}</a>

Next, since you mentioned the format you wish to use is {month} {dayofmonth}, the code must end like this:

<a class="timeago" href="{permalink}" title="{timeago}">{month} {dayofmonth}</a>

And that's it! You can search (ctrl+f) for the timeago class in the code to further customize the date text, like text casing, color, or font size. But please keep the float property since it keeps the date on the right corner.

[transcript. Screenshot of Tumblr's HTML editor used as a reference to the sentence above.]

Please do let me know if this helped you, and if you happen to need any more help I would be glad to help you (๑ᵔ ᗜ ᵔ๑) (also I did get your previous message, but I'm just going to answer this one for practicality).

Have a nice day xx

#answered

hi! i'm currently using your leo theme, which is really neat btw and i was wondering if i could change the timestamp - like '10m' to 'month' and 'dayofmonth' format? i tried changing it myself but it didn't seem to work 😅 thank you in advance :)

Hi! Thank you, I'm glad you like my themes ⸜(｡˃ ᵕ ˂ )⸝

Now, as for the timestamp, do you mean like just changing the format right? As in, now instead of just the letter it shows the whole word, right?

If that's the case then you will need to, in the tumblr code, search for the timeAgo(); plugin, wich looks like this

Then, you'll just change the "letter" part to wich ever setting you like, in this case "word", since you want the whole word to show.

Finally, just add this line right under it, so you can add a space in between the number and the word spaces: false, so now the script must look like this

And that's pretty much it! I would actually recommend refeer to the plugin page if you wish to know more (:

Please do let me know if this helped you, and if you happen to run across another thing.

Have a nice day xx

#answered

glenthemes

🎧 NPF audio player ⋆

On Tumblr's process of changing everything to NPF, staff has added metadata (details) to NPF audio inserts to reflect what was originally entered when it was posted. Unfortunately, they're unstyled for now, so I wrote a plugin that mimics the appearance of Tumblr's legacy audio player.

☆ Features:

functional play/pause buttons with customizable sizes and colors

[optional] preceding labels, e.g. "Track:" / "Artist:" / "Album"

[optional] placeholder text for empty fields, e.g. "Untitled Track"

shows album cover image if its comes with one, with customizable dimensions

customizable player padding and background color

☆ How to install:

https://gitlab.com/tmblr-npf-audio/s#preview

#resources

codematurgy

A guide to Tumblr Localization

English has been the default language around Tumblr; it is so overwhelming that you will often find theme makers typing cosmetic text or even phrases essential to navigating a blog in English, directly onto their codes. Such habit(one I once partook) seems to forget that blogs can actually be set to a multitude of languages, and such function will only work if coders play by Tumblr’s rule. Below, a guide to Tumblr Localization and a sometimes painful process.

Seguir leyendo

#resources

ricecodes

hi! what are some font icons that you recommend? i've only heard about fontawesome but their icons are limited for people who want to use it for free orz

Hello!

Here are some font icons that I've liked, used and/or plan to use in the future:

Boxicons: a classic. I use it a lot in my codes, and am currently using them on my current layout!

Tabler Icons: a recent favorite of mine. There are about 3x more icons than Boxicons available for use. Might be my go-to from now on, but who knows.

Phosphor Icons: I like that there are 6 styles of icons (thin, light, regular, bold, filled, and duotone). I also dig how clean the icons look as they're much more in tune with my aesthetic.

Iconsax: they have a softer look than the other icons. They have the least amount of icons compared to the other font icons on the list, but if you're like me, it probably isn't an issue if you use like 10-20 icons overall.

Cappuccicons: I'm biased because this is the only font icon on the list that has an onigiri icon available.

I'm sure there are more, but these are the ones that come to mind. If anyone has some that aren't on the list, feel free to add them in! ^^

#resources

hii i'm using your honey theme which is really pretty! how can i make a tumblr page link like on the preview? i can only edit the navigation links and i can't find the code where i can add it. thanks!

Hi! thank you, i'm glad you like my themes (˶ᵔ ᵕ ᵔ˶)

Now, to make a tumblr page show on the navigation tab you need to make sure the “Show a link to this page” toggle is on. For that, you can refeer to this tumblr help center page wich is a guide on blog pages. And i believe it would be easier since sometimes i can get a little lost trying to explain and i feel like it doesn't make sense what i'm writting so.. (,,. _ .,,)

Hope this helps you, and please do let me know if you happen to need any help.

Have a nice day, xx

#answered

Hello! I'm using your Honey theme but I can't make the boxes side by side in the updates tab. Similar to what it looks like in the static preview. Can you help me please?

Hi!

To edit the updates tab you need to go into the html code in the editor. There, search for tab: updates and you will find the text boxes comment.

[transcription. screenshot of the html editor on tumblr, wich show a commented section that reads as bellow

To add more boxes, you need to copy the div <text> and paste it right inside the div <b-wrapper>. You can add as many as you want, just make sure each one is paste it right after the close tag on the one before. Here it is a transcript of the code for the text box <text>:

<div class="p-{select:content padding} rounded border--main text"> <p> <b> watching </b> <br> something </p> </div>

Hope this helps, and please do let me know if you happen to need help with something else. Have a nice day xx

#answered

hello! im using your coasts theme and ive just noticed that the dark mode also makes the pictures i post really dark and shadowy. is there any way to disable that? thank you <3

Hi, thank you for using my theme <3

Now, the reason the images look like that is because a filter to decrease the brightness and contrast of images a bit so that it looks comfortable to the eyes when it’s against a dark background.

However, if you wish to remove the filter simply search for this in the code and delete it.

html[data-theme="dark"] img { filter: brightness(0.8) contrast(1.2) !important; -webkit-filter: brightness(0.8) contrast(1.2); }

And that's it! Hope this helps you (:

#answered

Trending Blogs

Recently Viewed Blogs

@eleveates themes