Enterprise Slider area

[keystoneParticipant Post count: 31]

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

[SusanModerator Post count: 3258]

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).

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[keystoneParticipant Post count: 31]

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…

 

[keystoneParticipant Post count: 31]

Plus I should mention I am using the Enterprise Theme

[SusanModerator Post count: 3258]

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

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[keystoneParticipant Post count: 31]

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?

[buddy_boy8403Participant Post count: 124]

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;
}*/

[keystoneParticipant Post count: 31]

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

[SusanModerator Post count: 3258]

Oh, a Tasmanian – I grew up in Melbourne.

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[SusanModerator Post count: 3258]

Actually – I shouldn’t make that assumption – the website is for a Tasmanian – you could be located anywhere

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[keystoneParticipant Post count: 31]

You can make that assumption…Hobart is glorious today

[SusanModerator Post count: 3258]

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[buddy_boy8403Participant Post count: 124]

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.

[keystoneParticipant Post count: 31]

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

[keystoneParticipant Post count: 31]

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?

 

[Author]

Posts