WordPress Theme Enterprise CSS Upgrade: How to Remove Search Box, Navigation Bar and Add Custom Header Image using CSS.


Theme Enterprise CSS Upgrade Recently, in the WordPress.com forum, I have found a WordPress blogger was asking about a problem related to theme Enterprise. I am also using Enterprise as my blog theme. But that user was purchased CSS upgrade feature of WordPress and was trying to modify his Enterprise theme. So, the problem he faced was about 1. Removing the Search Box which was in the upper –right side of the blog 2. Add Custom header image using CSS 3. Remove the Navigation Option which contains “Home” menu etc. Here is the solution which I am sharing with you.




You may also like to check

1. WordPress Visitor Tracking :Know who is visiting your site
2. WordPress Flick Flash Gallery: Show your flickr photos to your readers
3. WordPress animated Photo gallery : Show your images stored in WordPress with WordPress animated photo gallery
4.WordPress Visitors Flag : Where from your users visiting you.
5.WordPress Free Blog Favicon Icon : Show Your Favorite images on the addressbar.
6.WordPress Unicode Font Support: Learn How to Write and Use Unicode Font in WordPress.com free blog.



 

Here is the CSS Code:

1. To Remove the navigation bar with Home on it just add display:none; in #nav

#nav {
—-

display: none;

—-
}

2. for the custom header

#header {

—–
background: url(“http://paulmensah.files.wordpress.com/2011/01/header2.png”) no-repeat scroll 0 0 #555555;
—–

}

3. To remove Search bar try it add display:none; in .header-right

.header-right {
display:none;
}


4. If you want to change or Modify Site/Blog Title’s Font type,font color, font size and background Color of Theme: Enterprise by StudioPress

#header h1, #header h1 a, #header h1 a:visited, #header h4, #header h4 a, #header h4 a:visited, .header-left {
background-color: green;
color: black;
font-family: times New Roman;
font-size: 26px;
}


5. If you want to change Header Section Background Color OR Replace your Site Title with background Image

#header {
background: url(“”) no-repeat scroll 0 0 green; // Put your image address in the URL (“”)
background-color:red;
}


6. If you want to change Blog Post Title’s Font Color,font size,font type and Background Color

#content h2 a, #content h2 a:visited {
background-color: green;
color: black;
font-family: times New Roman;
font-size: 26px;
text-decoration: none;
}


7. If you want to change/Hide/Remove Blog Post Ifo i.e. Date of Post, Author info from Theme: Enterprise by StudioPress

.post-info {
display: none;
font-size: 11px;
margin: 0 0 10px;
padding: 0;
text-transform: uppercase;
}


8. If you want to change/Hide/Remove Site Description from Theme: Enterprise by StudioPress

.header-left p {
display: none;
font-family: Tahoma,Arial,Verdana;
font-size: 14px;
font-style: italic;
margin: 0;
padding: 0;
}

9. If you want to change Site Description’s font type,font color and size

.header-left p {
color: red;
font-family: times New Roman;
font-size: 14px;
font-style: italic;
margin: 0;
padding: 0;
}


10. If you want to change Blog Body Background Color(Blog Post + sidebar Background Color Together) of Theme: Enterprise by StudioPress

#wrap {
background: none repeat scroll 0 0 red;
border: 1px solid #E4E4E4;
clear: both;
margin: 0 auto;
overflow: hidden;
padding: 15px 20px 0;
width: 920px;
}


11.If you want to change Blog Post Content’s Background Color of Theme: Enterprise by StudioPress

#content-left {
background-color: green;
float: left;
margin: 0;
padding: 10px 0 0;
width: 630px;
}

12 Responses to WordPress Theme Enterprise CSS Upgrade: How to Remove Search Box, Navigation Bar and Add Custom Header Image using CSS.

  1. mikeland82 says:

    Hi Dude Some great tips here! Do you know how I would get rid of the little orange POSTS and COMMENTS links in the right hand corner of the menu?

    Cheers

    Like


    • Hi Mike

      Thanks for your comments.

      If you want to get rid of little orange POSTS and COMMENTS links in the right hand corner of the menu just paste it in the css file of Theme Enterprise

      .navright {
      display: none;
      float: right;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 20px;
      padding-top: 13px;
      text-align: right;
      width: 220px;
      }

      Regards
      Om Prakash Chowdhury

      Like

  2. Doug Saylor says:

    Thanks! The Enterprise theme demos it being able to show 2, 3, 4, 5 and 6 true columns in the main content area (not sidebar, content, sidebar). I don’t see a variable for this. Is this a CSS change?

    Like

  3. Doug Saylor says:

    Here’s the URL and click on “Columns.” http://www.studiopress.com/demo/enterprise.html
    Thanks,
    Doug

    Like

  4. Doug Saylor says:

    Oh, sorry, I didn’t clarify. The columns demo page shows several variations of true columns on the page mentioned earlier but I don’t see how to accomplish that on the theme.

    You know, Om, my real question is how can I get something like http://www.4squareleather.com on to that theme. You see there are the outside graphics with a common middle text explanation. Would 3 columns even keep all that together or is there a better way. Any help is appreciated.

    Like

  5. Editor says:

    Hello. I’d really appreciate it if you can help me with this.

    I am having trouble adding a black border to my header on Enterprise. I tried adding the border: black; and border: #000000; to the already existing header code as below:

    #header h1,#header h1 a,#header h1 a:visited,#header h4,#header h4 a,#header h4 a:visited {
    border: black;
    font-size:50px;
    font-family:cuxhaventimes;
    font-weight:normal;
    padding-top:5pt;
    padding-left:90pt;

    or

    #header h1,#header h1 a,#header h1 a:visited,#header h4,#header h4 a,#header h4 a:visited {
    border: #000000;
    font-size:50px;
    font-family:cuxhaventimes;
    font-weight:normal;
    padding-top:5pt;
    padding-left:90pt;

    Also, I tried adding the following code separately:

    #header {
    border: black;
    }

    or

    #header {
    border: #000000;
    }

    Could you tell me what is wrong here?

    My site is real-agenda.com

    Thanks.

    Like

    • HI Editor..
      pls try this code

      #header {
      background: none repeat scroll 0 0 #FFFFFF;
      border: 2px solid black !important;
      border-radius: 0 0 10px 10px;
      height: 80px;
      margin: 8px auto 20px;
      }

      Regards
      Om

      Like

  6. Editor says:

    Many thanks. It worked perfectly.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: