@eleveates themes

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

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

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 ∘ ∘ ∘ ( °ヮ° ) ?

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

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

<script type="text/javascript" src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>

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

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.

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.

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><!-- // break --> something </p> </div><!-- // .text -->

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); }