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;

How To Move Out the image Logo and The Title Logo Away from Header?

To move out the Logo image and fond logo is to go to this folder;

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

In the image below input the following value;

#logo {
    margin-top: 0;
    margin-left: -500px;
    display: block;
    padding: 1em 0 0 0;
    width: 0;
    font-weight: normal;
    line-height: 1em;

How to Move Up the Space of the Breadcrumbs?

How to Move Up the Space of the Breadcrumbs?

1. Go to your hosting Panel and open the Layout.css file;

/home/your website folder/public_html/templates/beez3/css/layout.css

Add this code at Breadcrumbs section;

#breadcrumbs {margin-top: -11px;}

Here is the detail;

How to customize or draw the Favicon?

If you want to customize or draw the favicon.ico

Go to this free website to create your own

http://www.favicon.cc/?

1. Draw the Fabicon by clicking the square box to your desired design.
2. Find the text "download the favicon" below and click it. It will automatically go to
    your download folder. And upload this favicon.ico file to your website CPanel.