[OUTDATED] ★ Tetra's CSS Guide ★
|
Posted 2021-11-15 09:14:25
any help is much appreciated! :) |
 CarrionYote #13618 |
|
Posted 2021-11-15 10:31:20
I've answered this here! This will only change each button to the same image, though. Haven't yet found out how to do individual changes. |
 *barks at you* #202 |
|
Posted 2021-11-18 10:45:57 (edited)
.table.mt-3 .card-img-top { } a[href$="dynasty/USER_ID_#"] div.card.text-center img { content: url("IMG_URL") !important; } div.card.text-center img { content: url("IMG_URL"); } a[href$="pack-overview/"USER_ID_#"] div.card.text-center img { content: url("IMG_URL") !important; } a[href$="breed/LEAD_WOLF_ID_#"] div.card.text-center img { content: url("IMG_URL") !important; } |
 ØҜΔΜƗ #10391 |
|
Posted 2021-11-18 11:13:30
|
CarrionYote #13618 |
|
Posted 2022-02-21 13:39:40
I've managed to figure out a bunch of the lines I need for coding certain spots on the den page by using the web developer tool browser settings, however, there's still a couple of things that I can't quite figure out :,D I'm not quite sure how to change the color of the little grey lines under the sidebars, nor the grey box in chat, chat channel, and the chat text input. (As shown in screenshots)  
|
 DucksDefyGravity #38017 |
|
Posted 2022-02-22 07:28:34
|
 🦜 Birbz 🦜 #58077 |
|
Posted 2023-05-03 17:32:24
|
FoxyStorm #117822 |
|
Posted 2023-05-03 18:44:39
<span style="color: #HEXCODE;">word</span>If you want to change the color of a paragraph, you can use the p style tag instead. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus eu lacus eget pharetra. Quisque efficitur urna a felis sollicitudin congue. Fusce lorem ex, tincidunt eget velit in, suscipit pharetra massa. Praesent maximus et lectus nec mattis. Cras sodales lorem eu malesuada semper. <p style="color: #HEXCODE;">Paragraph here.</p>If you want to change the color of multiple blocks of texts such as a whole post or multiple paragraphs to the same color you can use a div style tag. You can also use the div style tag for just one paragraph or sentence, though. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus eu lacus eget pharetra. Quisque efficitur urna a felis sollicitudin congue. Fusce lorem ex, tincidunt eget velit in, suscipit pharetra massa. Praesent maximus et lectus nec mattis. Cras sodales lorem eu malesuada semper. Cras fringilla eu nibh eget ullamcorper. Mauris leo elit, venenatis dapibus magna vel, fringilla varius risus. Aliquam quis ligula in tortor faucibus elementum non lacinia felis. Sed hendrerit vitae sem in lacinia. In porttitor urna augue, at luctus magna venenatis a. Suspendisse pulvinar nulla est, sit amet tempor orci convallis ac. Sed mollis leo velit, ut facilisis odio dictum et. Donec bibendum eros tempor, molestie elit vitae, ultrices quam. Donec auctor sem justo, a pellentesque justo fermentum nec. <div style="color: #HEXCODE;">Big text here.</div>All of them work similarly. Use span for elements within a line (such as a word or phrase within a sentence). P is short for paragraph, Div is short for divisions. Both are similar, but for the context of your needs, just know that P will add margins above and below your paragraph text (ie, imagine pressing the "enter" key on your keyboard), while a Div will not. You can visually see how it changes by typing a block of text and testing a font color change on a word or phrase with span vs p vs div in the middle of that text. You can use P and Div styles within a Div, but you cannot use Div styles within a P. [Hopefully that's not too much info dump. But TLDR: if you need to highlight a word, use the span code. If you want to highlight a block of text, use the div code.] |
 fireflii #757 |
|
Posted 2023-05-22 13:54:41
|
Cheshire #113660 |
|
Posted 2023-07-11 10:52:07
|
 🌠 Ꮚ𝘺𝘳𝘥𝘸𝘶𝘭𝘧 🌌 #27999 |