Enterprise Slider area

[keystone]

Hi,

I would like to completely remove the top bar that goes right across the screen and the slider. Can someone help a newbie with information on how to do this please?

 

many thanks

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[Susan]

To clarify - are you talking about the dividing line between the nav bar and the slider? If so, look for these images in your images folder in your theme folder (on your hosting site):

home-top-wrap.png
home-top.png

Rename them (I like to put the word old in front of the name).

[keystone]

Hi Susan,

 

Thanks for the response. In this case I would like to completely remove the slider, slider background and maintain the widgets beneath the header.

 

Plus can you direct me to the where to change the nav bar background color? I have just tried everything I can see but cannot seem to get it...

 

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[keystone]

Plus I should mention I am using the Enterprise Theme

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[Susan]

Yep - I know you're using the Enterprise theme 🙂

To remove the slider widget area (which is the home top 1 and home top 2):

To remove the slider widget area, open your functions.php file, and delete the following:

/** Register widget areas */
 genesis_register_sidebar( array(
 'id' => 'home-top-1',
 'name' => __( 'Home Top #1', 'enterprise' ),
 'description' => __( 'This is home top #1 section.', 'enterprise' ),
 ) );

genesis_register_sidebar( array(
 'id' => 'home-top-2',
 'name' => __( 'Home Top #2', 'enterprise' ),
 'description' => __( 'This is home top #2 section.', 'enterprise' ),
 ) );
 

Next, go to your home.php, and remove the following:

add_action( 'genesis_after_header', 'enterprise_home_top_helper' );
/**
 * Conditionally add Home Top #1 (home-top-1) sidebar and WP-Cycle.
 */
function enterprise_home_top_helper() {

echo '
<div id="home-top-bg">
<div id="home-top">
<div class="wrap">';

if ( is_active_sidebar( 'home-top-1' ) ) {
 echo '
<div class="home-top-1">';
 dynamic_sidebar( 'home-top-1' );
 echo '</div>
<!-- end .home-top-1 -->';
 }
 echo '
<div class="home-top-2">';
 if ( function_exists( 'wp_cycle' ) )
 wp_cycle();
 echo '</div>
<!-- end .home-top-2 -->';
 echo '</div>
<!-- end .wrap --></div>
<!-- end #home-top --></div>
<!-- end #home-top-bg -->';

}

As for the Nav Bar background - are you talking about the really dark gray color that is the Primary Navigation bar? That's actually an image - nav.png

[keystone]

Many thanks...just as a matter of interest...if the idiot client I am building this for wanted to but the slider back down the track...could I just replace this code again for it to reappear?

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[buddy_boy8403]

Can you post a link to your site?  I did this for a customer a couple months ago with the Enterprise theme by commenting out the CSS.  I liked doing it this way because if they ever decided they wanted to use the slider in the future, all I had to do was uncomment the styling and it's good to go again. Go into the Enterprise style.css file and make the following changes:

I basically commented out everything in the css file from 'Home Top' on down (it starts around line 627).  Below is a copy of what I did so feel free to paste this into your file by overwriting everything in the Home Top section:

/* Home Top
------------------------------------------------------------ */
/* Image replaced with CSS by: #home-top .wrap
#home-top-bg {
background: url(images/home-top.png);
}
#home-top {
background: url(images/top-black-dimple.png);
background-repeat: repeat;
float: left;
height: 50px;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
#home-top .wrap {
background-color: #000;
overflow: hidden;
padding: 9px;
width: 100%;
height: 180px;
position: absolute;
top: 50px;
left: 0px;
z-index: -1;
}
#home-top a,
#home-top a:visited {
color: #fff;
text-decoration: underline;
}
#home-top a:hover {
text-decoration: none;
}
#home-top p {
color: #fff;
}
.home-top-1 {
background: url(images/top-black-dimple.png) left repeat-y;
float: left;
height: 50px;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
}
.home-top-1 .widget {
margin: 0;
padding: 20px;
}
.home-top-2 {
float: right;
height: 235px;
width: 600px;
margin-top: -50px;
}*/

[keystone]

Thanks Buddy...site is at http://demo.keystoneinternetsolutions.com.au/ I am also trying to work out how I can make the middle widgets into a brick pattern rather than three rows...but one step at a time I guess. I am taking first steps into using code rather than just theme templates...exciting aint it...lol

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[Susan]

Oh, a Tasmanian 🙂 - I grew up in Melbourne.

[Susan]

Actually - I shouldn't make that assumption - the website is for a Tasmanian - you could be located anywhere 🙂

[keystone]

You can make that assumption...Hobart is glorious today

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[Susan]

🙂

[buddy_boy8403]

I've never messed with repositioning the middle widgets, but I think it's going to be more work that what you would want to do. There are basically three widgets in the home middle section and with those, you can add a whole bunch of items in line vertically, which usually looks very nice (see a recent site I did: http://www.justwright4design.com/

Creating a brick pattern would requite two additional middle sidebars (widget areas) and css styling on those sidebars.  If this is something you really have to do to make your client happy, and I was doing it, I would copy the home middle widget code out of your functions.php file and duplicate it twice in the same area in the file.  Rename the applicable parts so that you call them something unique.  Then find the styling rules in the style.css file and make the mods to resize the width of those items.  You should be able to make them look staggered like bricks.

[keystone]

Got the Nav.png and changed the color....thanks Susan

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[keystone]

Thanks Buddy....yes I think it may remain as three rows at this point....one thing tho...I just set the three widget areas and they seem to be sitting to one side.

Can I make them bigger to fill the space and also equalise them?

 

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[buddy_boy8403]

They do take up the full width.  Change the widget image sizes to homepage (270 x 80).

[keystone]

Hey Sir and Ma'am,

If you are still available to assist, I have managed to get the shape I want using text boxes in the widgets and .png's but I cannot get the pics to center in their columns...if you have a moment to take a look please let me know what you think.

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[keystone]

...I should add that the pics are just there as demo until I get the style right...then I can move on

http://demo.keystoneinternetsolutions.com.au

If I use the Genesis Featured Posts in the widgets the pictures are aligning left and not centering...as you can see from the bottom right of screen

---

Keystone Internet Solutions – Your Web Development and Positioning Professionals.

[buddy_boy8403]

For some reason I can't type the align center code in here... so I'm sending you a link. In the code box on the linked page, copy line 1 and put it in front of the current code in the text widget. Then copy the code from line 3 and put it at the end of your current code in the text widget. That should center them for you.

[buddy_boy8403]

Oops - it's getting late, forgot the link: http://www.w3schools.com/tags/att_div_align.asp

[Author]

Posts