[updatealan]

Thanks! You're the second person who's recommended this link. However, I don't know how to customize it to work with my theme. I'm using the AgentPress 2.0 child theme, and I just want to add some HTML. If you'd be willing to paste the exact code, that would certainly help! Then, I would know how to do this, going forward. Again, thanks!

[updatealan]

I was able to achieve a sticky menu with the 'position: fixed' class, as well as some other tweaks. Thanks for the tip!

http://www.dtconfidential.com/condominium-living/the-viridian

The Hello Bar hasn't. yet, been tested with my theme.

[updatealan]

Ok, thanks.

[updatealan]

Hey Brad,

Can you offer any insight on my situation? The AgentPress 2.0 Child Theme already has the Secondary Navigation code. Below is the code from my functions.php file.

Best,
Alan

For some odd reason, this page is not allowing me to paste the beginning of the code inside of the 'code' tags. Here is the way it begins...

(...and, it continues from there...)

` 'Gray', 'agentpress-green' => 'Green', 'agentpress-red' => 'Red', 'agentpress-tan' => 'Tan' ) );

/** Child theme (do not remove) */

define( 'CHILD_THEME_NAME', 'AgentPress Theme' );

define( 'CHILD_THEME_URL', 'http://www.studiopress.com/themes/agentpress' );

$content_width = apply_filters( 'content_width', 600, 430, 920 );

/** Add new image sizes */

add_image_size( 'communities', 125, 80, TRUE );

add_image_size( 'featured', 100, 100, TRUE );

add_image_size( 'properties', 280, 200, TRUE );

add_image_size( 'slider', 590, 300, TRUE );

/** Add support for structural wraps */

add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'welcome', 'footer-widgets', 'footer', 'disclaimer' ) );

/** Add suport for custom background */

add_custom_background();

/** Add support for custom header */

add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 125, 'textcolor' => '333' ) );

/** Enqueue sticky menu script */
add_action( 'wp_enqueue_scripts', 'custom_enqueue_script' );
function custom_enqueue_script() {
wp_enqueue_script( 'sticky-menu', get_stylesheet_directory_uri() . '/js/sticky-menu.js', array( 'jquery' ), '', true );
}

/** Reposition the secondary navigation */

remove_action( 'genesis_after_header', 'genesis_do_subnav' );

add_action( 'genesis_before_header', 'genesis_do_subnav' );

/** Add top search after header */

add_action( 'genesis_after_header', 'agentpress_top_search' );

/**

* Add top search widget area on Genesis after header hook

*

*/

function agentpress_top_search() {

if ( !is_front_page() && is_active_sidebar( 'top-search' ) ) {

echo '';

dynamic_sidebar( 'top-search' );

echo '';

}

}

/** Add support for 4 footer widgets */

add_theme_support( 'genesis-footer-widgets', 4 );

/** Add disclaimer below footer */

add_action( 'genesis_after', 'agentpress_disclaimer' );

/**

* Add disclaimer widget area on Genesis after hook

*

*/

function agentpress_disclaimer() {

if ( is_active_sidebar( 'disclaimer' ) ) {

echo '';

genesis_structural_wrap( 'disclaimer' );

dynamic_sidebar( 'disclaimer' );

genesis_structural_wrap( 'disclaimer', 'close' );

echo '';

}

}

add_filter( 'agentpress_property_details', 'agentpress_property_details_filter' );

/**

* Filter the property details array.

*

*/

function agentpress_property_details_filter( $details ) {

$details['col1'] = array(

__( 'Price:', 'apl' ) => '_listing_price',

__( 'Address:', 'apl' ) => '_listing_address',

__( 'City:', 'apl' ) => '_listing_city',

__( 'State:', 'apl' ) => '_listing_state',

__( 'ZIP:', 'apl' ) => '_listing_zip'

);

$details['col2'] = array(

__( 'MLS #:', 'apl' ) => '_listing_mls',

__( 'Square Feet:', 'apl' ) => '_listing_sqft',

__( 'Bedrooms:', 'apl' ) => '_listing_bedrooms',

__( 'Bathrooms:', 'apl' ) => '_listing_bathrooms',

__( 'Basement:', 'apl' ) => '_listing_basement'

);

return $details;

}

add_filter( 'agentpress_featured_listings_widget_loop', 'agentpress_featured_listings_widget_loop_filter' );

/**

* Filter the loop output of the AgentPress Featured Listings Widget.

*

*/

function agentpress_featured_listings_widget_loop_filter( $loop ) {

$loop = ''; /** initialze the $loop variable */

$loop .= sprintf( '%s', get_permalink(), genesis_get_image( array( 'size' => 'properties' ) ) );

$loop .= sprintf( '%s', genesis_get_custom_field('_listing_price') );

$custom_text = genesis_get_custom_field( '_listing_text' );

if( strlen( $custom_text ) )

$loop .= sprintf( '%s', esc_html( $custom_text ) );

$loop .= sprintf( '%s', genesis_get_custom_field('_listing_address') );

$loop .= sprintf( '%s %s, %s', genesis_get_custom_field('_listing_city'), genesis_get_custom_field('_listing_state'), genesis_get_custom_field('_listing_zip') );

$loop .= sprintf( '%s', get_permalink(), __( 'View Listing', 'apl' ) );

return $loop;

}

/** Register widget areas */

genesis_register_sidebar( array(

'id' => 'top-search',

'name' => __( 'Top Search', 'agentpress' ),

'description' => __( 'This is the top search section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'slider',

'name' => __( 'Slider', 'agentpress' ),

'description' => __( 'This is the slider section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'property-search',

'name' => __( 'Property Search', 'agentpress' ),

'description' => __( 'This is the property search section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'welcome',

'name' => __( 'Welcome', 'agentpress' ),

'description' => __( 'This is the welcome section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'properties',

'name' => __( 'Properties', 'agentpress' ),

'description' => __( 'This is the properties section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'communities',

'name' => __( 'Communities', 'agentpress' ),

'description' => __( 'This is the communities section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'featured-bottom-left',

'name' => __( 'Featured Bottom Left', 'agentpress' ),

'description' => __( 'This is the featured bottom left section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'featured-bottom-right',

'name' => __( 'Featured Bottom Right', 'agentpress' ),

'description' => __( 'This is the featured bottom right section.', 'agentpress' ),

) );

genesis_register_sidebar( array(

'id' => 'disclaimer',

'name' => __( 'Disclaimer', 'agentpress' ),

'description' => __( 'This is the disclaimer section.', 'agentpress' ),

) );`

[updatealan]

While I'm interested in using the Sticky Nav Bar Modification for the same purpose as Matthew is looking to use it, I would, first, like to use it for the 'Secondary Navigation' Theme Location (above the header) of my AgentPress 2.0 Child Theme.

I believed I've followed Brian's instructions here: http://www.briangardner.com/sticky-menu, however, the ('Secondary Navigation') menu is not displaying. I did skip the step of creating this within a 'genesis-sample' theme folder, and just went ahead and created it in the main 'genesis' theme folder. The custom menu that I created for this purpose (as instructed) is displaying just fine in the 'Primary Navigation' Theme Location (below the header), so it leads me to believe that it's nothing more than a formatting issue. Perhaps, it has something to do with the 'CSS Classes option.' I'm stumped. If you follow my link below, you will see what I'm talking about.

Here is the link to this website which I'm developing for a client:
http://www.dtconfidential.com/what-we-do/meet-the-team

Thank you so much!

[updatealan]

Sorry for the delayed response. I believe you helped me to work this out. However, if you don't mind, let's leave the discussion open, for now, until I'm sure that I have it working the way that I'd like for it to work. Thank you!

[updatealan]

I'm curious to know, as well.

[updatealan]

Thanks, Susan! I really appreciate it. Good timing, too, as I'm approaching this stage of development on this website. I will take this into consideration, and I'll let you know if I have any more questions!

[updatealan]

Hi Robin,

Thank you for your timely support! When I removed the last line of that code, as you suggested (above), it did turn the background to solid blue. However, I want the footer background to be the 'bg_footer2.png.'

The issue I'm having arises when I attempt to edit the CSS for the Secondary Navigation (the menu at the top of the page). What I'm trying to achieve is a reversal of the hover and drop-down backgrounds. When a visitor hovers over "CONDOMINIUM LIVING" or "WHAT WE DO," I'd like the background for the drop-down items to be 'bg_footer2.png.' (So that it's not confusing, going forward, I duplicated the 'bg_footer2.png' image, named it 'bg_secondarynavigation.png' and swapped that into the Secondary Navigation code.) When they roll over one of the items, I'd like the background to be solid blue. For reference, I'm pasting some CSS below. First, is the Secondary Navigation code, and second, some code from the bottom of the Style Sheet which seems to overwrite some of the of the Secondary Navigation code.  Any help would be much-appreciated! Again, thank you!

/* Secondary Navigation
------------------------------------------------------------ */

#subnav {
-moz-box-shadow: 0 1px 1px #000;
-webkit-box-shadow: 0 1px 1px #000;
border-top: 0px solid #000;
box-shadow: 0 0px 0px #1b2755;
height: 42px;
background:url('http://dtconfidential.com/wp-content/uploads/2013/04/bg_secondarynavigation.png');
margin: 0 0 0px;
overflow: hidden;
text-transform: uppercase;
font-family: 'Swis721 BT', arial, serif;
-webkit-text-stroke: 1px #1b2755;
}

#subnav .wrap {
font-family: 'Swis721 BT', arial, serif;
color: #fff;
margin: 0 auto;
width: 1060px;
text-transform: uppercase;
}

#subnav ul {
float: left;
width: 100%;
}

#subnav li {
float: left;
list-style-type: none;
}

#subnav li a {
background: none;
color: #1b2755;
display: block;
font-size: 12px;
padding: 10px 15px 10px;
position: relative;
text-decoration: none;
}

#subnav li a:hover,
#subnav li a:active,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item a {
color: #4b8308;
}

#subnav li a .sf-sub-indicator {
display: block;
overflow: hidden;
position: absolute;
text-indent: -9999px;
}

#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
background-color: #1b2755;
border: 0px solid #333;
border-top-width: 0;
color: #f5f5f5;
font-size: 12px;
padding: 4px 10px 4px;
position: relative;
text-transform: uppercase;
width: 148px;
}

#subnav li li a:hover,
#subnav li li a:active {
background-color: #747ead;
color: #fff;
}

#subnav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 170px;
z-index: 9999;
}

#subnav li ul a {
width: 150px;
}

#subnav li ul ul {
margin: -33px 0 0 169px;
}

#subnav li:hover>ul,
#subnav li.sfHover ul {
left: auto;

And, here is that (overwriting) code from the bottom of the Style Sheet:

/* AgentPress Gray
------------------------------------------------------------ */

body.agentpress-gray {
background-color: #000000;
}

.agentpress-gray h2 a,
.agentpress-gray h2 a:visited {
color: #CCC;
}

.agentpress-gray a,
.agentpress-gray a:visited,
.agentpress-gray #header ul.menu li a:hover,
.agentpress-gray #header ul.menu li a:active,
.agentpress-gray #header ul.menu .current_page_item a,
.agentpress-gray #header ul.menu .current-cat a,
.agentpress-gray #header ul.menu .current-menu-item a,
.agentpress-gray #header ul.menu li li a:hover,
.agentpress-gray #header ul.menu li li a:active,
.agentpress-gray #nav li.right a:hover,
.agentpress-gray #subnav li a:hover,
.agentpress-gray #subnav li a:active,
.agentpress-gray #subnav .current_page_item a,
.agentpress-gray #subnav .current-cat a,
.agentpress-gray #subnav .current-menu-item a,
.agentpress-gray .s,
.agentpress-gray .enews #subbox,
.agentpress-gray h2 a:hover {
color: #b4bcd8;
}

.agentpress-gray #nav li a:hover,
.agentpress-gray #nav li a:active,
.agentpress-gray #nav .current_page_item a,
.agentpress-gray #nav .current-cat a,
.agentpress-gray #nav .current-menu-item a,
.agentpress-gray #nav li li a,
.agentpress-gray #nav li li a:link,
.agentpress-gray #nav li li a:visited {
background-color: #ed008c;
}

.agentpress-gray #nav,
.agentpress-gray #nav li li a:hover,
.agentpress-gray #nav li li a:active,
.agentpress-gray #subnav li li a:hover,
.agentpress-gray #subnav li li a:active {
background:url('http://dtconfidential.com/wp-content/uploads/2013/04/bg_footer2.png');
}

.agentpress-gray #nav li a:hover,
.agentpress-gray #nav li a:active,
.agentpress-gray #nav .current_page_item a,
.agentpress-gray #nav .current-cat a,
.agentpress-gray #nav .current-menu-item a,
.agentpress-gray #nav li li a,
.agentpress-gray #nav li li a:link,
.agentpress-gray #nav li li a:visited,
.agentpress-gray #subnav li a,
.agentpress-gray #subnav li li a,
.agentpress-gray #subnav li li a:link,
.agentpress-gray #subnav li li a:visited {
color: #f5f5f5;
}

.agentpress-gray #nav li li a:hover,
.agentpress-gray #nav li li a:active,
.agentpress-gray #subnav li li a:hover,
.agentpress-gray #subnav li li a:active {
color: #fff;
-webkit-text-stroke: 1px #b4bcd8;
}

.agentpress-gray .listing-price {
background: #333;
}

.agentpress-gray .listing-text {
background: #cf1900;
}

.agentpress-gray .listing-wrap .more-link,
.agentpress-gray div.gform_footer input.button,
.agentpress-gray input[type="button"],
.agentpress-gray input[type="submit"] {
background-color: #444;
border: 3px solid #1b2755;
color: #b4bcd8;
background:url('http://dtconfidential.com/wp-content/uploads/2013/04/bg_footer2.png');
}

.agentpress-gray .listing-wrap .more-link:hover,
.agentpress-gray div.gform_footer input.button:hover,
.agentpress-gray input:hover[type="button"],
.agentpress-gray input:hover[type="submit"] {
border: 1px solid #1b2755;
background:url('http://dtconfidential.com/wp-content/uploads/2013/04/bg_footer2.png')
}

[updatealan]

tashworth19191... Yes, I did get help resolving this issue.  Size your image at 960 x 125 pixels, and upload to the header area as a .PNG.  The .GIF background showed up black, but the .PNG background is transparent.  Hope that helps!

[updatealan]

Thanks, Pinky!  Appreciate the help.

I submitted a support ticket with this (same) question to StudioPress, the company that sold me the theme, and they responded by saying that I can achieve transparency in my 'header' image by making it a .PNG, rather than a .GIF.  This seems to have worked, so I'm all set.

Again, thank you so much!

Best,
Alan

[updatealan]

I'm dealing with a similar issue and wondering if you guys have found the answer.

I want to display my client's company logo ( as a .GIF sized 157 x 73 pixels ) at the top, left-hand corner, and allow the background to show through behind the logo and Search bar. Using the upload ‘header image’ option, it displays it with a 960 x 125 pixels image with the logo and a black background. With ‘Inspect Element,’ it appears that it should be able to go in the ‘title’ or ‘title-area’ …area. Perhaps, there's a way to upload the logo there or override the 'header image' dimensions? Any help would be greatly-appreciated!

Direct link:
http://www.dtconfidential.com/pro-athlete-relocation

This is a screen grab of what I’m seeing with ‘Inspect Element:’

http://dtconfidential.com/wp-content/uploads/2013/02/dtc_titlearea_header.jpg

[updatealan]

Unfortunately, I haven't had any responses. Have you had any luck solving this issue??

[updatealan]

Thank you so much!

I'm able to view the page with 'inspect element' in Firefox.  However, I didn't know well enough that this was a #subnav issue.  Again, I appreciate it.

[updatealan]

I got it figured out.  Thanks for your help, SoZo.  I'm new to WordPress, and your help is much-appreciated.

[updatealan]

I figured it out.  Needed to add "background-" before "color."  It, now, reads like this:

#footer {
background-color: #333;
font-family: 'Droid Serif', arial, serif;
margin: 0 auto;
overflow: hidden;
padding: 0 20px;
height: 200px;
text-transform: uppercase;
}

Thanks, and sorry about the multiple posts on my other topic.  I appreciate your patience as I find my footing with WordPress.

Best,
Alan

[updatealan]

http://www.dtconfidential.com/contact

Hey again,

I'm having trouble changing the color of the footer.  I've tried everything I can think of, and I'm having no luck. Can you help?

Thank you!

[updatealan]

I figured this one out.  I installed the "AgentPress Gray" sample page so that I could work backwards, and I found the color setting in that part of the code.  In case you're interested, I have highlighted it in blue (below):

/* AgentPress Gray
------------------------------------------------------------ */

body.agentpress-gray {
background: url(images/gray/bg.png);
}

.agentpress-gray h2 a,
.agentpress-gray h2 a:visited {
color: #333;
}

.agentpress-gray a,
.agentpress-gray a:visited,
.agentpress-gray #header ul.menu li a:hover,
.agentpress-gray #header ul.menu li a:active,
.agentpress-gray #header ul.menu .current_page_item a,
.agentpress-gray #header ul.menu .current-cat a,
.agentpress-gray #header ul.menu .current-menu-item a,
.agentpress-gray #header ul.menu li li a:hover,
.agentpress-gray #header ul.menu li li a:active,
.agentpress-gray #nav li.right a:hover,
.agentpress-gray #subnav li a:hover,
.agentpress-gray #subnav li a:active,
.agentpress-gray #subnav .current_page_item a,
.agentpress-gray #subnav .current-cat a,
.agentpress-gray #subnav .current-menu-item a,
.agentpress-gray .s,
.agentpress-gray .enews #subbox,
.agentpress-gray h2 a:hover {
color: #232e5b;
}

.agentpress-gray #nav li a:hover,
.agentpress-gray #nav li a:active,
.agentpress-gray #nav .current_page_item a,
.agentpress-gray #nav .current-cat a,
.agentpress-gray #nav .current-menu-item a,
.agentpress-gray #nav li li a,
.agentpress-gray #nav li li a:link,
.agentpress-gray #nav li li a:visited {
background-color: #fff;
}

.agentpress-gray #nav,
.agentpress-gray #nav li li a:hover,
.agentpress-gray #nav li li a:active,
.agentpress-gray #subnav li li a:hover,
.agentpress-gray #subnav li li a:active,
.agentpress-gray #footer-widgets {
background-color: #333;
}

.agentpress-gray #nav li a:hover,
.agentpress-gray #nav li a:active,
.agentpress-gray #nav .current_page_item a,
.agentpress-gray #nav .current-cat a,
.agentpress-gray #nav .current-menu-item a,
.agentpress-gray #nav li li a,
.agentpress-gray #nav li li a:link,
.agentpress-gray #nav li li a:visited,
.agentpress-gray #subnav li a,
.agentpress-gray #subnav li li a,
.agentpress-gray #subnav li li a:link,
.agentpress-gray #subnav li li a:visited {
color: #000;
}

.agentpress-gray #nav li li a:hover,
.agentpress-gray #nav li li a:active,
.agentpress-gray #subnav li li a:hover,
.agentpress-gray #subnav li li a:active {
color: #fff;
}

.agentpress-gray .listing-price {
background: #333;
}

.agentpress-gray .listing-text {
background: #cf1900;
}

.agentpress-gray .listing-wrap .more-link,
.agentpress-gray div.gform_footer input.button,
.agentpress-gray input[type="button"],
.agentpress-gray input[type="submit"] {
background-color: #666;
border: 1px solid #666;
color: #fff;
}

.agentpress-gray .listing-wrap .more-link:hover,
.agentpress-gray div.gform_footer input.button:hover,
.agentpress-gray input:hover[type="button"],
.agentpress-gray input:hover[type="submit"] {
background-color: #333;
border: 1px solid #333;
}

[updatealan]

Sorry about that.  Here's a link: http://www.dtconfidential.com/contact

Please let me know if that changes your suggestion.

Thanks!
Alan

[updatealan]

Sorry about that.  Here's a link to the site: http://www.dtconfidential.com/contact

I do have the ability to inspect the site in Firefox.

Thanks!

[Author]

Posts