How to change your sites css style code for color, and not MESS UP :

301 followers

Updated 7 years ago

Since I cant do trainings yet until my three month membership , heres a little tid bit of what I would be talking about when I am able to do training videos...

If you don't have any website coding experience or knowledge here's a few tips to help you out.

*Important*

Please do not go into your appearance editor if you do not know what your doing ! This is for you to locate the Code within your site just by clicking and then edit a color . Also some themes block this so if it doesn't work then just erase and seek help o research so you don't mess up anything :)

So I am going to go to google ....

My goal is to change the sign in box to brown ( of course it doesn't change it literally as I do not have access to Googles website admin)

So I would right click it and go to inspect element

Now the websites code has popped up. The left is the html code ( building blocks of the website) and the CSS is to the right ( color and style of the site)

I then use common sense that the CSS code on the right with the two blue colors is my style code for the box.

I then click my mouse onto the blue color code box and then it will allow me to type in another code which I would replace the current one in there with #800000

Then I would copy that code by right clicking the letters near the half square and click copy rule

.gb_Ha {
border: 1px solid #4281f4;
font-weight: bold;
outline: none;
background: #800000;
background: -webkit-linear-gradient(top,#4387fd,#4683ea);
background: linear-gradient(top,#4387fd,#4683ea);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=0);
}

Then I would go into my custom css paste and save

* Note * if it is not showing up then you need to ask for help if you do not know what your doing

* If you need help with your website just let me know , I do like to offer trades too so just watch out lol*