[bandj]

Instead of adding top center to background-position, just add it to the background after the image url.

[bandj]

Can you post the url?

[bandj]

you did it right if you just wanted to duplicate the widget areas. The white bar is the home featured widget area which the demo uses for the slider.

you can get rid of the white bar by using a body class (http://designsbynickthegeek.com/tutorials/dynamic-body-classes)

.home #content {
background: #C94E71;
}

or

.home #content {
display: none;
}

[bandj]

you can't make it repeat twice and then stop. You could resize it to 12x230.

[bandj]

Does it show up if you don't use a static page?

If you are using a static page and template and not the home.php then you would have to add widgets to that template that your static page is using.

[bandj]

add this to body

font-size: 14px;
font-size: .875em;

[bandj]

to make it look nice and responsive you need to adjust things like the header right widget area in the responsive section of the style.css . You could change the widths of the title and the header widget area so they stay side by side until the screen gets smaller for example.

[bandj]

Carrie Dils covers this here: http://www.carriedils.com/customize-genesis-move-header/

Bonus Code for Footer

Since the Prose theme places the footer outside of the main wrap, we don’t need to move it. BUT, if you’re reading this post and working with a theme that has the footer inside the main wrap and would like to move it below, you can try this:

/** Reposition footer outside main wrap */
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 ) ;

add_action( 'genesis_after', 'genesis_footer_markup_open', 5 );
add_action( 'genesis_after', 'genesis_do_footer' );
add_action( 'genesis_after', 'genesis_footer_markup_close', 15 );

These structural action hooks follow the same pattern as the code we used for the header. First we unhook the footer (and its markup) from the default location and then we hook it back in where we want it. If the concept of hooks and their location is new to you, I highly recommend taking a look at this visual hook guide. You can even install the Genesis Visual Hook Guide plugin to see hooks in action in your own theme.

[bandj]

Add the shadow to the actual image would be one way.

[bandj]

1. try this. It will only target those widgets. For all widgets don't put in .home-top

.home-top .widget-area h4 {
font-size: whatever;
}

2. find this:

.home-top .widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 33%;

change 33% to 25%

Bill

[bandj]

I think there are a few themes you can start with.

Balance - Balance already has the 2 widgets up top that you can use for the slider and the CNUtwitter. Then it has a content sidebar area under that. You could use column classes for the 2 buttons and images.

[bandj]

If you mean you're using the Genesis framework then instead you should use the genesis sample child theme. The framework should be uploaded but not changed.

[bandj]

if you just leave one of them empty then only 2 will show. Then you have to adjust the css to show them the way you want. For example don't put anything in the .home-right and adjust these:

.home-left {
float: left;
margin: 0 30px 0 0;
width: 280px;

.home-middle {
float: left;
width: 280px;

You could change the widths and margins. You could use px or % for the widths.

[bandj]

a mega menu would work. Do a search for mega menu, there are some plugins and I found this tut

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

[bandj]

find this in your styles.css file

#home-featured {
overflow: hidden;
padding: 60px 0;
width: 100%;
}

and change the 60px to a smaller number. The bar is your page title area.

Get firebug

[bandj]

Hi chalfant. First of all nice avatar. Are you familiar with Chris Whitley?

Anyway, you wanted a newspaper look. Are you talking about the pattern you're using for the content? Or an overall "newspaper" style?

I would start with all white or very light beige and try different fonts and sizes. I would check out the newspapers I like the look of best and see if they have an online version. I would check istock and others for photos of old newspapers to see what they looked like.

Bill

[bandj]

Sorry MoodyRiviera, it is in the home.php file.
Just get rid of the
if ( function_exists( ‘wp_cycle’ ) )
wp_cycle();
And replace it with
dynamic_sidebar( 'home-top-2' );

[bandj]

I looked in the functions.php file, as you suggested, but didn’t see anything remotely resembling the code you showed

As anitac said, you should have this in there

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 -->';

}

I see the div for home top 2 but don't see a widget in there

[bandj]

You say your site displays fine on a phone or a tablet but not a mobile phone. I'm guessing you mean it displays fine on a pc and tablet but not a mobile phone.

The smallest media querie (break point) I see in your css is 800px.

@media only screen and (max-width: 800px)

Is there any css for a smaller break points? Like smaller than 768px or 480px?

If not then it stays the same as it is set for 800px and smaller. You'd have to add another break point for devices smaller than 800px.

 

[bandj]

I've used spritecow.com and it worked good.

If you have an image that is supposed to repeat horizontally, but it's a single image on the sprite did you try this for example

background: url(images/sprite.png) x y repeat-x;

[Author]

Posts