How to Change the COLOR of The Header Tab?

   How to change the color of the header tab?


    Sample Image



1.) Go to the folder at your Webhosting panel and edit the code;

/home/thefor22/public_html/templates/beez3/css/personal.css

2.) Open the personal.css file and edit the code in red color below;

 background-color:#fff;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00D10B", endColorstr="#7E9609");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#FFE9B3), to(#DB15EE));
  background-image: -moz-linear-gradient(top, #D12200, #7E9609);
  background-image: -ms-linear-gradient(top, #F74315, #F74315);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D12200), color-stop(100%, #D12200));
  background-image: -webkit-linear-gradient(top, #D12200, #D12200);
  background-image: -o-linear-gradient(top, #D12200, #D12200);
  background-image: linear-gradient(#D12200, #D12200);
  border-color: #00456b #7E9609 hsl(201, 100%, 16%);
  color: #fff ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;

How to Change the Color of The "Previous Visited" Link?

How to Change the Color of The "Previous Visited" Link?

/home/thefor22/public_html/templates/beez3/css/personal.css

Change the text in red color below. Change to other color HEX Value.

______________________________________

body {
background: #eee
}

h3 {
color: #555
}

h2 a {
text-decoration: none
}

h2,.moduletable h3, .items-leading h2 {
border-bottom: solid 1px #ddd;
}

.items-row h2 {
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}

a:link,a:visited {
color: #29E633
________________________________________

How to Change MOUSE HOVER highligh color in READ MORE?

How to Change MOUSE HOVER highligh color to "READ MORE" and other
hyperlinks words?

Go to folder and edit;

/home/thefor22/public_html/templates/beez3/css/personal.css

Change the text in red color below;

--------------------------------------------------

body {

background: #eee

}

h3 {

color: #555

}

h2 a {

text-decoration: none

}

h2,.moduletable h3, .items-leading h2 {

border-bottom: solid 1px #ddd;

}

.items-row h2 {

border-top: solid 1px #ddd;

border-bottom: solid 1px #ddd;

}

a:link,a:visited {

color: #095197

}

a:hover,a:active,a:focus {

background: #E6294F;

color: #FFF;

}

----------------------------------------------------------

How to Decrease The Size Of Breadcrumbs

Go to the folder /home/thefor22/public_html/templates/beez3/css/template_rtl.css

Edit the code; Change the width below 100%



/* ++++++++++++++  breadcrumbs   ++++++++++++++ */

#breadcrumbs {
/*display: block;*/
background: none;
float: right;
text-align: right;
width: 80%;
}

#breadcrumbs *
{
text-align:right;
float: right;