Log In
Fairy Weather Castform Don't have an account yet? Register now!
.

Forum Thread

[Stylish] How to edit the style of PH

Forum-Index Help Guides [Stylish] How to edit the style of PH
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Thu, 06/08/2015 14:22 (9 Years ago)
Wow I have written these codes.Awesome

Now I will work on more codes


Skar
OFFLINE
Trainerlevel: 37

Forum Posts: 733
Posted: Thu, 06/08/2015 15:16 (9 Years ago)
Is stylish free to download?

Rascal
OFFLINE
Trainerlevel: 45

Forum Posts: 1,502
Posted: Thu, 06/08/2015 16:11 (9 Years ago)
@Skar

It is, I'm 98% sure it's free. Because when I downloaded it, it didn't need any personal information. So you're good to go.
rhiecakes
OFFLINE
Trainerlevel: 21

Forum Posts: 9
Posted: Wed, 19/08/2015 14:03 (9 Years ago)
i've been tinkering in stylish for the past couple days and i wanted to change the background color for #main, however there is an !important tag in front of the style for the root style of the site. this is what i mean.
i can see in previous posts in this thread that people were able to edit the background in the past so i'm assuming this is a new development. it's pretty annoying because the change i want to make is very small, but i can't change the background element or its sub elements at all (idk if that's the right word for it, but like 'background-image' and such).
are others having this problem as well, or is there some way to get around it?
just for reference this is what my bit of edited code looks like.

edit: i'm a goof. it turns out there's already a #main element in the code i'm using (editing a style sheet i got off stylish's website) which is conflicting with my own addition.
nevermind my question.
Artevoir
OFFLINE
Trainerlevel: 50

Forum Posts: 1,644
Posted: Sat, 29/08/2015 03:15 (9 Years ago)
I found a code to change the text color on palpad

#private_chat div.chat_msg {color: Choose a color}







21/251
Salzig
OFFLINE
Trainerlevel: 34

Forum Posts: 368
Posted: Tue, 15/09/2015 09:09 (9 Years ago)
I am sorry if this was in the first post
but i Stg im blind sometimes

How would I go about making This (What is highlighted and circled) A little transparent?

Kinda like Navuso's.
Spiritburn
OFFLINE
Trainerlevel: 71

Forum Posts: 1,838
Posted: Sun, 20/09/2015 23:32 (9 Years ago)
I put together a really simplified interactions list page for when you just want to interact without everything making the page bigger :3

Link to the Stylish Page

Click on the images for a bigger view:


sleepynebby
OFFLINE
Trainerlevel: 51

Forum Posts: 1,549
Posted: Sun, 20/09/2015 23:57 (9 Years ago)
It doesn't work for me. I tried it in Google Chrome.

EDIT: It only shows up on Google Chrome for some reason.

EDIT II: I have a screenie or 2!

Non Party
With Party

There's nothing more beautiful than the rain.

Diary | Adoptables
Toyhouse | Deviantart | Flight Rising
SaltyCactus
OFFLINE
Trainerlevel: 66

Forum Posts: 550
Posted: Mon, 21/09/2015 00:32 (9 Years ago)
@TheMemeOne If you want to use stylish for firefox then its really different with google chrome.
Firefox: Firefox

Google Chrome: Google Chrome
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Sat, 21/11/2015 13:04 (9 Years ago)
+cynasauras

opacity: 0.1;

Add the above element to your code. Remember the 0.1 actually sets the transparency of an element to 10% of the default opacity of that element . You can use 0.1 to 0.9 for the opacity. If it goes above 1, it will be at 100% opacity which is what you're trying to remove.

+Navuso
That really easy to do. Just change the width element:

#main {
width: WIDTH in PIXELS;
}

Good work


Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Sat, 21/11/2015 13:08 (9 Years ago)
And I have got a new code for buttons


input[type="submit"] {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: auto;
height: auto;
position: static;
cursor: pointer;
opacity: 1;
margin: 0;
padding: 10px 20px;
overflow: visible;
border: 1px solid #018dc4;
-webkit-border-radius: 3px;
border-radius: 3px;
font: normal medium/normal Arial, Helvetica, sans-serif;
color: rgba(255,255,255,0.9);
-o-text-overflow: clip;
text-overflow: clip;
background: #0199d9;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}



If you get any bug , just post here and PP me or if you find any button thats still unstyled


FANTASIIIA
OFFLINE
Trainerlevel: 43

Forum Posts: 185
Posted: Sat, 21/11/2015 14:16 (9 Years ago)
Thank you! Now my PH looks better!

" All it costs is your love!! "
Welcome! I am quite friendly and I love chatting as well as meeting new friends. [she/he/they]
Styx
OFFLINE
Trainerlevel: 34

Forum Posts: 836
Posted: Sat, 21/11/2015 14:48 (9 Years ago)
I'll remember to get this when I get a new laptop. I'll already know the theme by then. Thanks for the lovely editing thing!


interact with my sentret i want her to become big n strong
tumblr: chuckpanozzo (more active there)
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Sat, 21/11/2015 15:00 (9 Years ago)

Title: Notice

People I am a web designer. if you have a problem regarding the styling code, just ask me here in this thread. I'll try my best to solve them


Morty
OFFLINE
Trainerlevel: 25

Forum Posts: 82
Posted: Mon, 23/11/2015 09:50 (9 Years ago)
Hi,Im gonna use 'chiller' text for my page,but the proble is its looking so small and unreadable,can you tell me how to increase the size of the font.I want to know how to make the text color to white too,because with blue im not able to see properly.
It will be nice if you can give the codes directly.Thanks for the help in advance.
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Mon, 23/11/2015 15:33 (9 Years ago)
+Apte
1st - Please tell us what is chiller?
2nd - Please post a screenshot.

If you use the same css coding as in this forum, then use this code


font-size: 20px;
color: #fff;



Morty
OFFLINE
Trainerlevel: 25

Forum Posts: 82
Posted: Mon, 23/11/2015 15:37 (9 Years ago)
Chiller is a text which is used,and it works on the stylist too,and where should I paste them?
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Tue, 24/11/2015 09:57 (9 Years ago)
+apte

Suppose you want color and size for body, so:

body {
font-size: 20px;
color: #fff;
}



Salzig
OFFLINE
Trainerlevel: 34

Forum Posts: 368
Posted: Wed, 25/11/2015 15:56 (8 Years ago)
Sorry im late with reply but bLESS YOU
Puru
OFFLINE
Trainerlevel: 31

Forum Posts: 99
Posted: Wed, 25/11/2015 16:00 (8 Years ago)
+Cynasauras
Yes Wikipe_Tan should be blessed she came up with this idea and I could also contribute