[Amber]

So I've figured out how to do the home page. Just make it a static page and remove what you don't want. I'm still stumped on why the page-templates aren't working though.

I've even tried another theme and it still doesn't work.

[Amber]

Hi braddalto, thanks for the suggestion. I have registered each new widget. That's what I said under the code snippet (just I didn't say those exact words), I said "I've made sure that I've added my widget in my functions.php". So I'm confused as to why it wouldn't be working? I know it's not the theme as I have no troubles adding any other widgetized area in the site.

[Amber]

Actually! I just got it working. I forgot to update the below code to my properly named setting/control

<img src='<?php echo esc_url( get_theme_mod( 'themeslug_logo' ) ); ?>

Is there a way to have these not link to to home page but a url?

[Amber]

I had entered in your function in my functions.php file and it looks great however it doesn't display the image I'm uploading. I was hoping you (or any one else) might be able to help me see why it isn't quite yet fully working?

It's currently looking like this (the "Super Clean Car Wash" bordered alt text in the very top white bar to the left)

And this is what I'm trying to upload

This is my whole thing now.

    $wp_customize->add_section( 'utility_bar_left' , array(
        'title'    => __('Utility Bar Left','genesischild'),
        'panel'    => 'utility_bar',
        'priority' => 10
    ) );

    $wp_customize->add_setting( 'utility_bar_image' );

    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'utility_bar_image', array(
    'label'    => __( 'Social Icon', 'genesischild' ),
    'section'  => 'utility_bar_left',
    'settings' => 'utility_bar_image',
	) ) );

and then the function:

add_action( 'genesis_before_header', 'utility_bar_image_function' );

function utility_bar_image_function() {
if ( get_theme_mod( 'utility_bar_image' ) ) : ?>
    <div class='site-logo'>
        <a href='<?php echo esc_url( home_url( '/' ) ); ?>' title='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' rel='home'><img src='<?php echo esc_url( get_theme_mod( 'themeslug_logo' ) ); ?>' alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'></a>
    </div>
<?php else : ?>
    <hgroup>
        <h1 class='site-title'><a href='<?php echo esc_url( home_url( '/' ) ); ?>' title='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' rel='home'><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class='site-description'><?php bloginfo( 'description' ); ?></h2>
    </hgroup>
<?php endif; 
}

Do you know why the image wouldn't be uploading?

[Amber]

Would anyone know why it wouldn't be uploading as it should be? It's now in the right spot but the image itself isn't uploading to that spot.

[Amber]

Thanks for the function braddalton! I'm almost there!

This is my whole thing now.

    $wp_customize->add_section( 'utility_bar_left' , array(
        'title'    => __('Utility Bar Left','genesischild'),
        'panel'    => 'utility_bar',
        'priority' => 10
    ) );

    $wp_customize->add_setting( 'utility_bar_image' );

    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'utility_bar_image', array(
    'label'    => __( 'Social Icon', 'genesischild' ),
    'section'  => 'utility_bar_left',
    'settings' => 'utility_bar_image',
	) ) );

and then the function:

add_action( 'genesis_before_header', 'utility_bar_image_function' );

function utility_bar_image_function() {
if ( get_theme_mod( 'utility_bar_image' ) ) : ?>
    <div class='site-logo'>
        <a href='<?php echo esc_url( home_url( '/' ) ); ?>' title='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' rel='home'><img src='<?php echo esc_url( get_theme_mod( 'themeslug_logo' ) ); ?>' alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'></a>
    </div>
<?php else : ?>
    <hgroup>
        <h1 class='site-title'><a href='<?php echo esc_url( home_url( '/' ) ); ?>' title='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' rel='home'><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class='site-description'><?php bloginfo( 'description' ); ?></h2>
    </hgroup>
<?php endif; 
}

It's now showing like an image is supposed to be there but just the border of where an image is supposed to be and the alt text. There must be something wrong with my control?
I appreciate your time. 🙂

[Amber]

I've just figured it out but I searched for a while and didn't find something so I'd like to post here for the next person looking for this.
To display at the bottom of your post summary be sure to select both "Post" and "Show on Archive Pages" in the Genesis Simple Share Settings.

[Amber]

Thank guys! It looks like I'll have to find some time and get Parallels back up and download some vm's to test and check things out the way I want. Thanks Tom for the handy links!!

[Amber]

I've actually figured it out! Took a while but I believe I have it.

<?php
/*
 * This file adds the main template page.
 *
 */

/*
Template Name: Main Template
MultiEdit: Bottom
*/

// Homepage CUSTOM LOOP
remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'my_custom_loop' );
function my_custom_loop () {
?>
  
<div id="primary-content"><?php genesis_do_loop() ?></div>

<div id="secondary-content"><?php multieditDisplay('Bottom'); ?></div>

<?php }

genesis(); ?>

Thank you for your time!

[Amber]

I've set up a visual representation. It should be too much coding or though to do this. I just want to add another containing element under the genesis loop.

[Amber]

Thanks for the suggestion! However maybe the name of the div is misleading (it was something I had copied and pasted in form another tutorial). I need this second section to be still part of the main part of the page and I don't want to widgetize it. I just want to append this new div to the genesis loop.

[Amber]

2 sections. In one section there will be the standard genesis loop and below it will be the subfooter div (which will be located outside the main .content.

[Amber]

Hmm..it looks like it's coming form my Social Media Buttons Widget plugin. I've look at the scripts to see if there is an extra comma however I'm not familiar with these kinda of scripts and where there should be a comma and where there shouldn't be. I'll just have to use a different plugin.

Thanks for helping me find where it was coming from!

[Amber]

That's for the reply Tonya. I've checked, I have nothing in either of these boxes.

[Amber]

Yes, I had to figure it out that day so I worked on it until I figured it out. You can delete this post then.

[Amber]

That did the trick! Thanks for the help!

[Amber]

Okay, thanks for the suggestion Tom, however I still have the issue with every other style not working in my media queries past the max-width: 1023px.

Like my #title{ width: 100%; margin: 0 auto; border-bottom: 2px solid green;} and #SlideDeck-289-frame { display: none!important;} in my 600px query and .speaker-listing p, .speaker-features { width: 87%!important;} in my 300px media query, plus more...

As soon as something is placed in that media query the main style should be overwritten, but they aren't overwriting.

No reason for the Minimum, didn't know there was a Minimum Pro theme. I've already done all the work for this child theme so I have to stick with it now..

[Amber]

This will be great for another user who has this problem.

I did some more testing and figured out the path to the image did not exist anymore. I've re uploaded all banner images and have been able to successfully add them as featured images.

[Amber]

Thank you everyone for your replies! Very sorry for the delay in mine, I forgot completely about this as I had moved on and now I'm back on it.

anitac - You mentioned the way I was talking about. Thank you for that. 🙂 I had taken it out completely but realize it would be a great feature to have as I have so many items in my menu's. However when I have it in there pointing to an icon I've chosen it does not work. Have I set this up properly?

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: #333;
	content: "url("images/mobilenavbutton.png") no-repeat;";
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
	width: 100px!important;
	height: 100px!important;
} 

This is my website on a testing server of mine. And then of course I placed the CSS back in the media queries.

Thanks!

[Amber]

Thank you for your reply Bill. I've appreciated your feedback. I've been away all of March and just getting back into the swing of things.

With your help I've figured out why it wasn't working. I wasn't using a domain mapping plugin however the domain is being forwarded to a sub domain area of my own hosting account. I've set it up on another account I have and it works fine, so that is my issue then. Is there something I can do do have this responsive design work with a sub domain?

Thanks again!

[Author]

Posts