Flatline 2.1

Started by TwitchisMental, September 11, 2021, 02:40:16 PM

Previous topic - Next topic

VerlaKay

Thank you. Please wish me luck.... I might wait until late tonight to attempt this so if I mess things up I'll have time to put it back together before too many people notice what I did....

TwitchisMental

Quote from: VerlaKay on July 09, 2023, 08:19:28 PMThank you. Please wish me luck.... I might wait until late tonight to attempt this so if I mess things up I'll have time to put it back together before too many people notice what I did....
Backup backup backup :).

Make a copy of the index.css and name it something like index1.css.

So if you mess up, you can delete the bad one and rename the backup to index.css and problem solved :).

Steve

If you find that you really, REALLY, don't want to mess with the code for fear of breaking something, any one of us could easily be persuaded to do it for you.

It would be better for you to do it so you learn and Twitch's post about backing up is key.

But like I said, we are available if you need us.
DO NOT pm me for support!

VerlaKay

#83
The backup is what I planned to do, but SiteGround says I've used all of my allowed manual saves and when I was logged into their site and tried to delete the existing manual saves, there was no way to do it. Their instructions said to click on the three dots to the right of the backup, then scroll down to the DELETE menu item, which was the fifth thing in the dropdown menu...only there are only four items in the menu. No delete choice. I thought maybe it was because I was on my iPad, not a computer, so I dug out my MacBook laptop and tried from it, but came up with the same problem. No delete option. I hunted "forever" to find a way to contact SiteGround and finally gave up. I'll have to try again today, when, hopefully, they will have their phones manned and their help chats open. It's very frustrating!

I'll try the css copy thing and see if SiteGround will let me do that! ETA Nope. That didn't work, either. Couldn't find any way to duplicate the .css file. I tried using the COPY menu item, and it said the file was copied, but I couldn't find a copy of it anywhere.

Steve

Do you have and/or know how to use FTP?
DO NOT pm me for support!

VerlaKay

No on the FTP. Finally got ahold of someone at SiteGround and discovered I don't have permission to delete the manual saves because I'm not the "owner" of the site anymore, but just a collaborator. Sarah Baker will have to delete the manual saves when she returns from her vacation on Thursday (I originally created and now run the board for her).

VerlaKay

I did it! Got the black #000000 into the code.

THANK YOU for all your help!

TwitchisMental

Quote from: VerlaKay on July 14, 2023, 06:46:52 PMI did it! Got the black #000000 into the code.

THANK YOU for all your help!
Good to hear :). You're welcome.

iqbalresources

Hello

I'm in the midst trying to customize the forum, to make it align with main website themes. So i need to adjust the font and font size of the forum. May i know :

i) how do i customize the font-size of last post column? at least to make the font size similar with the font size of board description


ii) how do i customize the font size of content? just to make it a little bit bigger



Thank you

TwitchisMental

This is where the inspect tool in your browser comes in quite handy ;).

Quotei) how do i customize the font-size of last post column? at least to make the font size similar with the font size of board description

Find:
.lastpost {
width: 30%;
font-size: 0.9em;
padding-top: 3px;
}


Change the font-size: 0.9em; to whatever you wish.
Quoteii) how do i customize the font size of content? just to make it a little bit bigger

Find:
body {
background: #e9eef2;
font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
color: #4d4d4d;
display: flex;
flex-direction: column;
min-height: 100vh;
}

Adjust the font: to whatever you would like.

iqbalresources

Thank you!. Really appreciate the help.

and may i know, how to customize font color for board titles (in board description), last post and poster (in last column)? . I've tried make some tweak in css, but the color didn't change :

.lastpost {
width: 30%;
font-size: 1em;
font-color: #222222;
padding-top: 3px;
}

TwitchisMental

1.
Line 4818
.info .subject {
    font-weight: 700;
    font-size: 1.1em;
    color: #3498db;
}


2.
If you mean the link colors in the last post section those are controlled by the a:link class -

Line 4257
a:link {
 color: #3498db
}

If you want specifically the last post links to change you can throw this under the .lastpost class.

.lastpost a {
    color: whatever color you want;
    text-decoration: none;
}

iqbalresources

Quote from: TwitchisMental on September 16, 2023, 11:02:15 PM1.
Line 4818
.info .subject {
    font-weight: 700;
    font-size: 1.1em;
    color: #3498db;
}


2.
If you mean the link colors in the last post section those are controlled by the a:link class -

Line 4257
a:link {
 color: #3498db
}

If you want specifically the last post links to change you can throw this under the .lastpost class.

.lastpost a {
    color: whatever color you want;
    text-decoration: none;
}


Thanks!  :)

Steve

Quote from: TwitchisMental on September 16, 2023, 11:02:34 AMThis is where the inspect tool in your browser comes in quite handy
@iqbalresources - you might want to think about learning a little bit about using that tool. It saves a lot of questions.  ;D
DO NOT pm me for support!

iqbalresources

Hello

i've been looking the css in index.css, to change color for the bars of Forum Stats and Users online in Info Center, but couldn't find it.



So i tried to look thru inspect and view source, to find any hint that can help me find the route to the css, but still no avail.

May i know? where could i find the css code?, so i could change the color for both bars

tqvm

TwitchisMental

Line 4775

h4.subbg, .subbg {
  background: #2c3e50;
  color: #fcfcfc;
  text-shadow: 2px 2px 2px rgba(0,0,0,.2);
  font-family: "Tahoma", sans-serif;
  font-weight: bold;
  overflow: hidden;
  padding: 6px 12px 5px 12px;
}

Advertisement: