B612 – The font family by Mnemonic in SaiditCSSthemes

[–]instagramschrift 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

You can change font of instagram by this tool: https://instazoom.mobi/instagram-schrift/

Is there any way to get this working on Saidit? by pcpmasterrace in SaiditCSSthemes

[–]pcpmasterrace[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

I know that there is a dynamic banner by default, but does it rely on Javascript behind the scenes? Anyone know?

Night- and Day-mode not behaving the same with .thing by [deleted] in SaiditCSSthemes

[–][deleted] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Btw, it's a pain in the ass to put in all those quadruple-spaces, even with a keyboard macro.

My CSS Themes for SaidIt subs. by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

/u/CompleteDoubterII , /u/kokolokoNightcrawler , /u/send_nasty_stuff mod , /u/Entropick , /u/PikonParadox

I'm not sure if you saw this or not (ie. mentioned in post vs. this comment mention certainly goes to your messages).

This is just an update, so there's nothing pressing, urgent, or necessarily needing a response, unless you want something different that what's mentioned.

Basic theme to fix header image displaying improperly by legendgamer320 in SaiditCSSthemes

[–]JasonCarswell 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (0 children)

Correction (the first # was converted into a title):

#header,#header2{background-image: url(%%name%%)!important;}

Basic theme to fix header image displaying improperly by legendgamer320 in SaiditCSSthemes

[–]magnora7 4 insightful - 3 fun4 insightful - 2 fun5 insightful - 3 fun -  (0 children)

Thanks for creating more documentation :)

Mindashq for Saidit 1.0 by macadoum in SaiditCSSthemes

[–]magnora7 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

Nice, thanks for crossposting it here

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

try "background-image:" instead of "background:"

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]macadoum 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

I never learned CSS too, and I do exaclty like you u/Snow : copy-paste and see if it works, haha. A pretty hard way to learn CSS but very visual and enjoyable.

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

Not sure, maybe the URL is incorrect, but I don't know. That should probably work

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]JasonCarswell 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

I know that's what you want, but I want to be clear about which white area. For each individual post's section, correct? (Not counting the white in the sidebox chat, etc.)

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]Tiwaking 1 insightful - 2 fun1 insightful - 1 fun2 insightful - 2 fun -  (0 children)

The banner for your sub is https://saidit.net/media/x_GWCKnmWahJIQd_6_xpUTYvuOtdvFqljR649DjMVMM.png

Can you upload that background somewhere and then link to that media?

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]Tiwaking 1 insightful - 2 fun1 insightful - 1 fun2 insightful - 2 fun -  (0 children)

Did it work?

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]Tiwaking 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

.link {

background: url(https://images2.imgbox.com/96/3c/RWMpTzjF_o.png PNG )

???

What about

background-image: url("https://images2.imgbox.com/96/3c/RWMpTzjF_o.png");

Im out of ideas if that doesnt work.

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]Tiwaking 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Whats wrong with

.link {

background: url(https://images2.imgbox.com/96/3c/RWMpTzjF_o.png)

???

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

Haha yes there are a lot of odd requirements, created by all the code we inherited

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

"No, I want to change it to be this pic."

What is "it"? Describe what you want affected.

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

It's part of the open source code, the CSS (also called LESS files) are spread across about 20 files: https://github.com/libertysoft3/saidit/search?l=Less&q=reddit

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

It looks like you want your white box post thing to be pink? (Grey in dark mode.)

You might want to first try to simplify - turn off the dashed outline style, etc.

Get the background to the colour you want, then add things on, like rounded corners, etc. and see what breaks.

When you find a glitch report it to M7 D3.

I learned by trial and LOOOOOOOOOOOOOOOOTS of errors. Sadly, sometimes there is just no solution to be had.

Can someone share the default CSS code? by [deleted] in SaiditCSSthemes

[–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

To my knowledge, all the mods of this sub know CSS to some degree.

/u/magnora7 and /u/d3rr are the co-admins of SaidIt.

/u/OmegaUser296, /u/Mnemonic, and I are fans.

I haven't looked at the code since it got the major facelift recently. However, you can have a look at the code of my shortest titled sub: https://saidit.net/s/Sex/about/stylesheet/ (You can look at other CSS you admire by swapping "sex" for that sub's title.) The opening paragraph with instructions is not completed, nor correct, and is now out of date. However, you will find that I mapped out almost everything there with commented descriptions about what was being affected.

Best other advice: right click "Inspect" and explore and experiment.

As far as that image goes, I don't have enough information about it. You can search my CSS for "retry thumb" but I don't recall if I changed that. I don't know what is to the left of that ending in "w", which you might also search for.

How to change the order of element in my sidebox ? by macadoum in SaiditCSSthemes

[–][deleted] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

I think it's possible. Try setting the top position on those links instead of the left. The whole sidebar might also need position: relative

I can look into this more later.

How to change the order of element in my sidebox ? by macadoum in SaiditCSSthemes

[–]macadoum[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

u/d3rr and u/magnora7 do you know if this is possible to do on my sub s/FistfulOfFrags

How to change the order of element in my sidebox ? by macadoum in SaiditCSSthemes

[–]macadoum[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Is it only possible ? I'm not even sure.

I need some help with my first Saidit CSS theme by macadoum in SaiditCSSthemes

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Ah I am not sure honestly. At least now you know where the element is so you can re-locate it yourself. Good luck.

I need some help with my first Saidit CSS theme by macadoum in SaiditCSSthemes

[–]macadoum[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Thanks, but it doesn't help me much. My menu is still in the sidebar. I want it right there, next to the first drop-down menu : https://imgur.com/XKYKK1z

On Yang's sub the code is on wiki/config/sidebar but is well placed. On SaidIt, the menu seems to be locked up inside the sidebar.

I need some help with my first Saidit CSS theme by macadoum in SaiditCSSthemes

[–][deleted] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

m7 is right about absolute positioning. If you want to keep it that way, add bottom margin or padding to the parent container, to give the menu thing room to live.

I need some help with my first Saidit CSS theme by macadoum in SaiditCSSthemes

[–]magnora7 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

Here is how I would fix this:

  1. Right click on the broken thing and go to "inspect" or "inspect element" depending on your browser.

  2. This will open up a bunch of information about the page, you should make your browser window very wide so you can see everything

  3. The box of broken buttons is in a <ul> </ul> html element, shown in the inspector. If we click this ul thing (which might already be selected because it's the thing we did 'inspect' on), it shows the CSS for that ul element below it in the inspector. In this particular instance, the CSS for that box of buttons is called ".side .md ul:first-child" as you should be able to see in the inspector.

  4. The fact it's overlapping other stuff shows it's a positioning issue. Within ".side .md ul:first-child { }" we can see that there is the CSS property "position: absolute;"

  5. Uncheck or delete this property in the inspector, and we can see that the bar of buttons jumps to the right spot. So this means instead of "position: absolute;" we instead want "position: unset;" and it would work properly

  6. Now open your sub CSS and find an entry that corresponds to ".side .md ul:first-child" and find within that where it says "position: absolute;" and change this to "position: unset;"

  7. Save your CSS and your sub's CSS should be fixed!

Hopefully that helps, and will give you the tools to diagnose and correct future CSS problems. Let me know if you have any questions.

I need some help with my first Saidit CSS theme by macadoum in SaiditCSSthemes

[–]macadoum[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Ah ! I think I understood what is the problem : on Reddit, I can apparently use an editor which create submenu automatically and this not exist on SaidIt.

I probably could also create a dropdown menu for my subsaidit in a different way. But I do not master CSS design...

B612 – The font family by Mnemonic in SaiditCSSthemes

[–]Mnemonic[S] 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

I just posted it here, I didn't know here else.

Maybe a /u/d3rr thing for way down his bucket-list... I mean we, as saidit, want to be viewed by pilots flying airplanes too right?

Weird Issue in CSS on s/unc0ver by OmegaUser296 in SaiditCSSthemes

[–]OmegaUser296[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Done

Weird Issue in CSS on s/unc0ver by OmegaUser296 in SaiditCSSthemes

[–]OmegaUser296[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Good Idea, also will add the short explanation on how it works, if you use the working code give credit please, I will add it once done with the current thing I am doing.

Weird Issue in CSS on s/unc0ver by OmegaUser296 in SaiditCSSthemes

[–]Mnemonic 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Can you edit the post to show the working code, for reference?

[Question] How do I move the body section down? by OmegaUser296 in SaiditCSSthemes

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Thanks :)

[Question] How do I move the body section down? by OmegaUser296 in SaiditCSSthemes

[–]OmegaUser296[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

I credited you for the code snippet It's marked as Additions and Fixes 4 in the code

(I intend to go back and comment what each of them do from here on out so it might change.)

[Question] How do I move the body section down? by OmegaUser296 in SaiditCSSthemes

[–]magnora7 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

No problem, glad to help!

[Question] How do I move the body section down? by OmegaUser296 in SaiditCSSthemes

[–]OmegaUser296[S] 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

That worked, I did one more change I found a conflicting piece of code, the sidebar was fixed and then when the conflicting code was removed the body code also worked. Thank You!

[Question] How do I move the body section down? by OmegaUser296 in SaiditCSSthemes

[–]magnora7 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

Try doing just ".content" instead of ".body .content". That's how it is in the actual css for the site, I just checked

[Question] How do I move the body section down? by OmegaUser296 in SaiditCSSthemes

[–]magnora7 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

It works for me, .content { margin-top: 32px; } looks pretty good for in my browser.

Then to fix the sidebar do .side { margin-top: 32px; } as well.

Between the two that should fix everything. Looks good after I try out those changes in the css inspector in my browser. Let me know if you need more help.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Nitpicking gets 90% to 100% A+++

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]magnora7 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Good suggestion, it's been fixed.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

The footer "about help tech donate" still needs a touch more rounding to be consistent with the Moderators box, etc.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Maybe I was initially correct after all. Memory is funny.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]Mnemonic 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

I meant with the new corners first they were more round, cutting away more of the image. More oval than the rectangular version we have now.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

I love rounded corners. My old site was all rounded. The old fashioned way, all with images in tables.

My favourite place for rounded corners? Architecture!!! Especially in the Bay Area with the Victorian / Edwardian ornate dentals and details and rich palettes.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Really? I asked several times to go from 70x70 to 100x100, and increase of [some]%.

I saved the thumbnail at 140x140 but that's not what's displayed.

It's still displayed as 70x70.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]Mnemonic 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

I whined and got the thumbnails a tat bigger ^ ^ so my images would display correct.

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]Tom_Bombadil 3 insightful - 3 fun3 insightful - 2 fun4 insightful - 3 fun -  (0 children)

Rounded corners can be exploited....

JK! ;-)

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–][deleted] 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (0 children)

I hated the thumbnails at first and warmed up too!

Rounded Corners on SaidIt by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 6 insightful - 1 fun6 insightful - 0 fun7 insightful - 1 fun -  (0 children)

I like the new rounded corners of the search, text entry, and image thumbnails. Initially I though the thumbnails was way too much for their small size but now I'm loving it.

IMHO consistency in rounded corners should be applied site wide. If you round the corners at 20px on the sidebox then the footer, search, and thumbnails should use the same curve. Exceptions may be made for smaller curves on boxes within boxes, or larger curves for bigger fields, or simply for aesthetics.


"A foolish consistency is the hobgoblin of little minds..." ~ Ralph Waldo Emerson

https://trentonchang.files.wordpress.com/2014/11/emerson-quotes.jpg

https://politicalninja.files.wordpress.com/2011/04/consistency.jpg

Wiki Tools. location location location by JasonCarswell in SaiditCSSthemes

[–]hennaojisan 1 insightful - 2 fun1 insightful - 1 fun2 insightful - 2 fun -  (0 children)

Workers of the World Unite

Wiki Tools. location location location by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Default reference: https://saidit.net/s/SaidIt/wiki/index

With CSS reference: https://saidit.net/s/DecentralizeAllThings/wiki/index

Comparing "Wiki Tools" on these pages it becomes clear there is something else going on here than I'd originally thought.

Initially I thought it would be nice to put the wiki tools in the header tab menu, beside "Hot new insightful fun top comments wiki". (It is on my todo list to mock up to show you.) I had considered the sidebox but thought it might get lost.

Since I learned how to add images to the sidebar, and now seeing how the Wiki Tools is some how connected, it seems to me to be the right place for it, say, between the submit buttons and chat box. Before I was afraid it might get lost and unnoticed in the sidebox. I don't know why I hadn't thought of this before - it won't get lost with a noticeably different coloured background. Months later I don't think it even needs to be noticed I looked at those tools months ago, and still like them around, but honestly I don't think I've ever used them.

Code Snippet - How to Remove The SAIDIT Banner by OmegaUser296 in SaiditCSSthemes

[–]OmegaUser296[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

kk

Code Snippet - How to Remove The SAIDIT Banner by OmegaUser296 in SaiditCSSthemes

[–]JasonCarswell 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

No worries.

I don't need or even want the credit.

And if you're editing you can remove big space before none, and more importantly change "Banner" to "Logo".

SaidIt CSS Themes - What is it about? Find out in the comments. by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Please add your thoughts about what you want this sub to do for you and the SaidIt community.

Code Snippet - How to Remove The SAIDIT Banner by OmegaUser296 in SaiditCSSthemes

[–]OmegaUser296[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Oh shit wrong credit in the code that's on me, I'll edit the snippet. Also I say Logo and Banner interchangeably in this case.

Fixed the credit (Sorry about that I must have gotten my stuff mixed up I was doing a lot at once)

SaidIt CSS Themes - What is it about? Find out in the comments. by JasonCarswell in SaiditCSSthemes

[–]JasonCarswell[S] 1 insightful - 2 fun1 insightful - 1 fun2 insightful - 2 fun -  (0 children)

I started this comment and then just decided to add it to and modify the sidebox and start the wiki...

Since the post title is now a little misleading, and to not disappoint you, here's some utterly unrelated stuff.

After an image search for "build" to find the image used for this post, I came across a few interesting images:

Custom built motorcycle: https://iamclosetgeek.files.wordpress.com/2013/02/tf-side1wm1.jpg

Elaborate semi-neo-classical architecture, looks like is't made of Lego, but is a "Minecraft Mega-build": https://i.imgur.com/Xa5YIQT.jpg I was collecting a lot of architecture images for a while for my Trutherism 101 project. I wanted to use video samples. But the girl talks to the guru on the mountain, so I thought maybe there's a cave, but inside it's bigger than outside, like the Tardis, and the architecture is Baroque and over the top, and between each set of columns there can be a different kind of theatre stage, and the screen can show the video samples. It might be nice but too much work to be sure. Then I came up with a simpler, more effective, straight forward idea, to use if necessary. I say if necessary because I've finally realized I don't need to cite sources. My creations will be the new original source. I may still use a sound bite from time to time. Anyway, that image looks like it came right out of my imagination, more or less. Maybe one day I'll actually find a reason to build in 3D what I had/have in mind.

https://saidit.net/s/DIY/comments/lga/project_open_core_final_build_pics_a_beautiful/

And I added some stuff to /s/Architecture.

Code Snippet - How to Remove The SAIDIT Banner by OmegaUser296 in SaiditCSSthemes

[–]JasonCarswell 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Actually that doesn't remove the banner, or even the header. It only removes the logo.

by u/OmegaUser296

???

I just gave wrote that for you. I took a relevant snip of my CSS code kludged together from lots of sources, and modified that snip to your need and shared it with you, with the exception of the big space and the /* comment */.

I don't care about stolen valor or credit, but really man, check the ego. A thank you in the credit is a nice acknowledgement but not critical or expected, unless marked so. Not super experienced in the realm of code, maybe I'm wrong.