Could do with some help to make terms and rules look different

A

Alvin63

Well-known member
My terms and rules are set up in terms_rules_text. I don't really know html other than some very simple things, so copied the existing html for paragraphs etc.

How can I make the whole thing be in

1) 1.5 spacing
2) Larger font
3) Different font
4) Bolder throughout but still with bold headings that stand out.

ie more dyslexia-friendly/restricted vision friendly

Thank you.

www.thehamsterforum.com

Terms and rules

You must agree to these terms and rules before using the site.
www.thehamsterforum.com www.thehamsterforum.com
 
You'll need to use better/more html and css. Theses pages inherit your standard board styles, so if you want more spacing here or different fonts, you might want it everywhere? if so, that's easy to adjust in the Typography style property area.
Otherwise, you'll have to define either specific styles and attach it (eg, <p class="mystyle">text here</p> and then have a .mystyle { } css class in extra.css to add spacing, bold, fonts, etc.

For quick changes,

wrap your headers in <h2>Tags</h2> That will make them big and bolder.
 
Thanks. I don’t really want to do anything sitewide really - in case I mess things up and spoil the look! But if the terms are more accessible, they link other accessibility options.

I did try pasting it all into an online html thing once but it didn’t seem to work in Xenforo. There was an awful lot of code - I think it said you had to pay to get shortened code versions.
 
Anyway 😂 Chat GPT html'd the entire terms and rules in about 3 seconds! And did everything I asked.
 
briansol said:
You'll need to use better/more html and css. Theses pages inherit your standard board styles, so if you want more spacing here or different fonts, you might want it everywhere? if so, that's easy to adjust in the Typography style property area.
Otherwise, you'll have to define either specific styles and attach it (eg, <p class="mystyle">text here</p> and then have a .mystyle { } css class in extra.css to add spacing, bold, fonts, etc.

For quick changes,

wrap your headers in <h2>Tags</h2> That will make them big and bolder.
Click to expand...
Actually yes it would be better if it was sitewise, but I could never get it quite right in typography. If I increase the normal font weight it increases it for everything (not just node headings) including all the small text on the right and the text in the right hand bar. Which doesn't look right at all.

I also realised that the node heading text IS bolder when it's an unread post and only fainter for the read posts. Not quite sure what to do there.

I did try increasing the font size but again that didn't look right as it also increased the font size for the nav bar headings which didn't look good and made them less defined.

So I've just left the rest of the site as it is for now, but I would like larger font size just for posts text really.

I thought at least if the terms and rules text was more accessible and larger, people could read the links to the accessibility sites mentioned to help with reading the site generally!

For vision generally though, if people are using phones and tablets or touch screens, it's maybe not such an issue anyway as they can just make everything bigger on screen with finger swipes etc.
 
You must log in or register to reply here.
Back
Top Bottom