[FAT MediaParticipant Post count: 42]

You can try changing:

#wrap {

    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    width: 960px;

}

To this:

#wrap {

    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: visible;
    padding: 0 10px;
    width: 960px;

}

But you may wind up with some other display issues doing that. Give it a shot and see if it causes any problems. If you do have problems post them up and I’ll help you debug.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

Try:

.home .genesis-responsive-slider .slide-excerpt {
background-color: transparent;
}

.home .genesis-responsive-slider h2,
.home .genesis-responsive-slider h2 a {
color: #ffffff;
font-size: 28px;
}

 

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

• This reply was modified 5 months ago by  FAT Media.

• This reply was modified 5 months ago by  FAT Media.

[FAT MediaParticipant Post count: 42]

This will let you control which class is applied when someone is on a page other than the ones you’re trying to modify. I also noticed the way you were passing the pages in is_page() was incorrect so that was causing an issue as well.

http://snippi.com/s/3ky5lr5

Just make sure that in your Genesis theme options you’ve set the color setting to default or remove the support for the genesis-style-selector entirely.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

Something like this should work:

http://snippi.com/s/mcqm6zv

You may need to modify it a bit for the different colors.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

That site is using the Genesis Responsive Slider.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

They are very similar in functionality but the Bootstrap one was made by a 3rd party developer. The main thing that I like about it is that it’s more lightweight and you can choose to disable the stylesheet and javascript from being added. I’m using it on my site and I have found a few things that need fixed on it. If you’re looking for the most reliable plugin go with the Genesis Responsive Slider.

If you need some help with this and have Skype I’d be happy to give you a hand.

 

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

Anitac, your suggestion to follow Brian’s guide should work. The code he posted will place that widget area site-wide.

Honestly I would recommend that you reconsider adding a slider to every page of your website, but if that is what you want to do following Brian’s guide and adding the slider widget into the new widget area you’ve created will work fine.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

I misread the initial post. Following Brian’s guide should accomplish what you’re trying to do.

Since the site is responsive you’ll want to use the slider that I linked to or this one: http://wordpress.org/extend/plugins/genesis-bootstrap-carousel/

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

• This reply was modified 5 months ago by  FAT Media.
• This reply was modified 5 months ago by  FAT Media.

• This reply was modified 5 months ago by  FAT Media.
• This reply was modified 5 months ago by  FAT Media.

[FAT MediaParticipant Post count: 42]

First, turn off the breadcrumbs for the home page. It looks like you’re using the Balance theme so you’ll need to modify the code a bit for a slideshow to display correctly.

To get started, you’ll need to install this plugin http://wordpress.org/extend/plugins/genesis-responsive-slider/

Once you’ve done that, you’re going to need to edit  your home.php file and your style.css file a bit.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

• This reply was modified 5 months ago by  FAT Media.

• This reply was modified 5 months ago by  FAT Media.

[FAT MediaParticipant Post count: 42]

The only free one I’ve used that wasn’t horrible is

http://wordpress.org/extend/plugins/wordpress-backup-to-dropbox/

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

You need to replace the default loop with the Genesis Grid Loop on that category. You can either do this by adding some code to your functions.php file or you can use this handy plugin by Bill Erickson:

http://wordpress.org/extend/plugins/genesis-grid-loop/

If you would prefer to do it without a plugin or this doesn’t work for you, please let me know and I’ll help you get it working.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

The issue you’re seeing in Chrome isn’t really an issue, it’s part of how the theme is designed.

One option you could consider would be to use  http://studiopress.com/themes/agency/ as it is designed using a 960 grid system which will display correctly on lower resolution screens. It should display correctly even on older versions of IE without a polyfill script like the one I posted above.

A 1024×768 screen resolution is quickly becoming uncommon and older versions of IE are falling out of use as well. Are you sure that your site will have a large amount of visitors with small screens AND outdated browsers?

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

If you want to shim older versions of IE, here is how to do it:

Download respond.min.js from this github repository:

https://github.com/scottjehl/Respond

Inside your theme’s root directory create a new folder called js and place respond.min.js inside that folder.

Then in your functions.php file add the following:

/** Add support for media queries in IE */
add_action(‘get_header’, ‘eleven40_load_scripts’);
function eleven40_load_scripts() {
global $is_IE;
if($is_IE) {
wp_enqueue_script(‘respond’, $src = CHILD_URL.’/js/respond.min.js’, array(‘jquery’), TRUE);
}
}

Upload everything to your web server and test the results.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

IE8 does not support media queries. The theme you are using is designed using the 1140 grid which means the maximum width is going to be too wide for your screen to display correctly on IE8.

It’s actually very easy to add a shim (which uses a bit of jQuery) to force IE8 to render media queries correctly if this is something you are concerned about.

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[FAT MediaParticipant Post count: 42]

If you’re doing this purely for SEO reasons, you probably shouldn’t bother. There are plenty of more important things you should focus on than where your post content is  being displayed.

In any event, if you really  want to do this something like this should work:

/** Reposition post content */
remove_action( ‘genesis_post_content’, ‘genesis_do_post_content’ );
add_action( ‘genesis_after_header’, ‘genesis_do_post_content’ );

You can change the “genesis_after_header” portion to a different hook if that’s not the area you want the content to display. Check out the visual hook guide for a better idea of where you can reposition the content.

http://genesistutorials.com/visual-hook-guide/

---

CEO + Lead Developer at FAT Media. Hit me up on Twitter!

[Author]

Posts