Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PLEASE Help Me FIND a Very SIMPLE CSS Cheat-Sheet For Theme Edits !! #414

Closed
Chuck-7 opened this issue Feb 8, 2023 · 9 comments
Closed
Labels

Comments

@Chuck-7
Copy link

Chuck-7 commented Feb 8, 2023

Hello Zach!
After a Lengthy Hiatus – I Have Returned! (I’m the one who Quite LONG ago designed that Dark Purple Theme.)
Anyway, in the meantime, I Tested “that other reader-view,” but it was problematic – as it would save Only to html, so my saves were quite difficult to edit.

My Issue Today is (Hopefully) a Simple One:: I NEED to design a better theme, BUT being a non-techie: Could you PLEASE Suggest a Cheat-Sheet that would tell EVEN A SIMPLE SOUL LIKE ME how to make the Most Common CSS Edits —> LIKE::
• “Oh, your Linespacing is a bit too short?! Then, Simply Add THIS Line!:: ___” OR:
• “Oh! You want a more readable Font AND a slightly Taller font-height? SIMPLE!!:: Just do The Following:: ____”.

Sooo, Could you Please Point me in the Right Direction So That, Even I, can make those type of Simple changes to my Theme?

Thank You Very Much for Your Kind Assistance!

Chuck Colsch (aka: LSeek)

   –– –– –– –– Post Script!::  I would like to ADD one more Brief Question to My Above–MAIN Issue::

You know that “Add a Comment” Bubble that commonly appears at the Right Margin when I’m viewing a website in Just Read? ---
Well when I Need to Add SUCH a Comment – & SO: I Click that Bubble:: The Add-Comment-Box instantly Drops Down to the VERY Bottom of the Page, & when I go all the way to the bottom to attempt to add a few lines, when I'm typing, that comment-box starts annoyingly jumping up & down:: Is there ANY way I can make the Comment-Bubble NOT DROP to the Bottom? . . . AND:: After I’ve added a Comment – Then Re-reading it, I Notice I Left Out a Key Word:: IS the Comment that I Had JUST Added Editable??
THANK YOU!! – Chuck

@ZachSaucier
Copy link
Owner

ZachSaucier commented Feb 8, 2023

Hey Chuck, thanks for posting and welcome back.

Have you tried using the graphical theme editor? You open it by clicking the paintbrush icon in a Just Read view. This is also covered in the Just Read FAQ.

To address your specific questions:

your Linespacing is a bit too short?! Then, Simply Add THIS Line!

What do you mean by "linespacing"? Do you mean the number of characters per line? If so, that's the maxWidth value in the graphical editor.

You want a more readable Font AND a slightly Taller font-height?

You can import fonts using @import. On a site like Google Fonts it provides the code you need to use it if you click the @import option in the right column.

The Add-Comment-Box instantly Drops Down to the VERY Bottom of the Page, & when I go all the way to the bottom to attempt to add a few lines, when I'm typing, that comment-box starts annoyingly jumping up & down:: Is there ANY way I can make the Comment-Bubble NOT DROP to the Bottom?

Hmm, that's a peculiar effect. Any tips on how I can reproduce it? A screen capture would be superb.

@Chuck-7
Copy link
Author

Chuck-7 commented Feb 8, 2023

Zach::
Actually, Linespacing (Or: “Line-Spacing”) is one of the KEY elements that I need to Change —>
“Linespacing” refers to the Vertical GAP that Separates Lines within Single Spacing. For Example:: The Microsoft Default is “1.08 Lines” for “Single Spacing”; Because:: with 1.00 Lines, Lines are so Vertically TIGHT that the text is difficult to read – – While Double-Space is 2.0 — which is TOO Vertically Spread Out. SO: I would like to find the Setting for a Linespacing of ~ “1.10” Or “1.15” for my Default Theme.

SO could you please tell me the CSS Line I can add that will make the lines vertically a bit TALLER?


For the other issue, I do Not mind that it Bounces. BUT, perhaps the reason it Plummets ALL the way To Page-BOTTOM could be my adblocker. Anyway:: Can I EDIT a comment that I had already saved?

@ZachSaucier
Copy link
Owner

ZachSaucier commented Feb 8, 2023

“Linespacing” refers to the Vertical GAP that Separates Lines within Single Spacing

Ah, that's the line-height property in CSS. So you could add something like this to your stylesheet in the Just Read options page:

.content-container {
    line-height: 1.8;
}

Can I EDIT a comment that I had already saved?

Sorry, not at this time. That's basically the same request as this request, which I will note.

@Chuck-7
Copy link
Author

Chuck-7 commented Feb 8, 2023

Zach::
Thank You for the Line-Height Spec!!

1. When I Click the Paint Brush to make a Theme-Edit, ALL I get is::

Image 008

A Totally BLANK Form!! That is why I did NOT Earlier Reference the Paint Brush:: It does NOTHING! :)
Secondly::

2. How do I SAVE a Page Formatted by Just Read, Please? And Thirdly::

3. Any idea on how I MIGHT Possibly Counteract the “Plummet-To-End-Of-Page” Comment-Box?

Thank You Again!!
Chuck

@ZachSaucier
Copy link
Owner

When I Click the Paint Brush to make a Theme-Edit, ALL I get is::

That happens on the occasional website. Try using it on a site like https://text.npr.org/ instead and it should work.

How do I SAVE a Page Formatted by Just Read, Please?

Click the printer icon then save as PDF, if that's what you mean.

Any idea on how I MIGHT Possibly Counteract the “Plummet-To-End-Of-Page” Comment-Box?

Any tips on how I can reproduce it? A screen capture would be superb.

@Chuck-7
Copy link
Author

Chuck-7 commented Feb 8, 2023

THANK YOU ZACH!!

The Plummet occurs INSTANTANEOUSLY —>Capture impossible — Would you like to see the Box Sitting Disconsolately at the EXTREME Page Bottom? It goes JUST as far down as Possible till it crashes at the VERY bottom!!

@ZachSaucier
Copy link
Owner

I'm guessing your browser window size isn't large enough for it to contain the comment next to the article content. Can you make the browser size larger on your screen?

@Chuck-7
Copy link
Author

Chuck-7 commented Feb 8, 2023

Correctamente!! – –>> My Max-Width Left Zero Space for a Comment!!

Thank You Zach!! – – And have a Great Day!!

Chuck

@ZachSaucier
Copy link
Owner

Glad to hear it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants