[Andykev]

Check out these third party sites, if you didn't find anything on the Studio Press Showcase.

Appfinite

I have used three of his themes, one is on the Studio Press "themes page" currently.

Remember, ALL these themes can be customized, with various plugins and so on to match your needs. Find a theme which gives the general look, columns, width, etc., and then you can go to town changing colors and fonts, and images, and content to your specific needs.

I bought the Studio Press package for "all our themes - forever", and very glad I did. So I can try all of them, and use them as needed when I do a website for someone. Neat.

[Andykev]

Just add in the Genesis Simple Edits plugin. You can customize your footer content.

Genesis Simple Edits

[Andykev]

.responsive-menu-icon::before {
	color: #fff;	
	background-color: #000;
	content: "\f333";
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
}

Line 1316 of your .css. You have the color set to white "#fff;" and on a white background, it won't show. Change it to a different color, like black. So adding "background-color" and making it black...then the color (which is the text) can be white "#fff".

PS you also have to change the background color in your media querries for the sub-menu. They are also showing white on white.

[Andykev]

.site-title {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
    min-width: 380px;
}

Adding "min-width: 380px" expands the container to fit your text. It is line 1153 of your css

[Andykev]

// Add featured image above the entry content
add_action( 'genesis_before_entry', 'legacy_featured_photo' );
function legacy_featured_photo() {

    if ( ! ( is_singular() && has_post_thumbnail() ) ) {
        return;
    }

    $image = genesis_get_image( 'format=url&size=single-posts' );

    $thumb_id = get_post_thumbnail_id( get_the_ID() );
    $alt = get_post_meta( $thumb_id, '_wp_attachment_image_alt', true );

    if ( '' == $alt ) {
        $alt = the_title_attribute( 'echo=0' );
    }

    printf( '<div class="featured-image"><img src="%s" alt="%s" class="entry-image"/></div>', esc_url( $image ), $alt );
}

Comment out this from your functions.php file. It adds a "featured" image to the pages. THIS IS FROM THE LEGACY theme, but it is similar to ASPIRE. So look for similar.

[Andykev]

The Event Organizer

This plug-in is the best calendar. You can show day, week, month. And add "upcoming evens" in a widget.

You can color code the events, and for each event you have a full page description same as creating a regular page on your website. A page for every event. It also perfectly handles recurring events.

I highly recomment this. Support the author please. There is a free and paid add ons.

[Andykev]

When you "link" to another site (a product, for a reference, or any article where there is a supporting background source or story) and you want the reader to go look, and come back to your site...it's best to "open link in a new tab".

This keeps your visitor on "your" website, and allows them to quickly reference another source and come back.

Not doing this, you risk a higher Bounce Rate when people leave your site and don't come back to it when they find another.

In other words, you build a website to showcase your work or product, then you redirect them somewhere else?

[Andykev]

Those are your media querries. The .css code "kicks in" as the screen gets smaller in size. This is controlled by the code for each section.

The regular menu is visible and functional, then when the screen gets to a set smaller size, then the main menu is hidden, and the "hamburger menu" pops in.

You have commented out the code incorrectly.

	/*-------------- .site-header .wrap {
		padding: 0 5%;
	}------------*/
	

you have the "------*/ " down a line too far. Needs to be immediately after the "}"

[Andykev]

On line 2744 of your css

comment out this section

/*----	.site-header .wrap {
		padding: 0 5%;
	}

-----*/

`

Suddenly your menu appears! You can leave the -120px to cover your spacing

[Andykev]

OK. You changed the .css for the header.

/* # Site Header
---------------------------------------------------------------------------------------------------- */		---------------------------------------------------------------------------------------------------- */
.site-header {		                       .site-header {
	background-color: #000;			background-color: #000;
	border-bottom: 1px solid #ddd;		border-bottom: 1px solid #ddd;
	left: 0;			        left: 0;
	position: fixed;			position: static;
	top: 0;			                top: 0;
	width: 100%;			        width: 100%;
	z-index: 999;			        z-index: 999;
	margin-bottom: -120px;

Your menu is there, but you changed the margin-bottom to -120px. This moved content to cover your "hamburger menu".

The original .css is on the right. Yours is the left.

[Andykev]

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

	
	.genesis-nav-menu.responsive-menu {
		display: none;
		float: none;
		padding-bottom: 20px;
	}

	

You have "display" set to NONE.

[Andykev]

I use this plugin:

Adminimize

It allows me to limit a user/customer to certain "back end" areas..like only the Woocommerce product areas, or images. Turns off (hides) all other menu items. It's pretty robust.

[Andykev]

.welcome-message .widget {
float: left;
width: 100%;
padding: 0 40px;
}

Line 1550 of your .css you have it set at 50% and float left. Change it to 100%

[Andykev]

Are you clearing your cache?

I can widen your site (your gray box PLUS the footer widgets). That is probably not what you want. Maybe go here: http://appfinite.com/forum/guru-theme-support/

Wes can help you. He's the developer.

[Andykev]

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	float: none;
	margin: 0 auto;
	max-width: 1200px;
}

The above section will change everything in your site container. Making this 1600px or whatever, will widen your content box. Is that what you're asking?

Remember, your front page in Guru is populated by widgets. So if you have content in a text widget, you can insert it in a different section. They are different.

[Andykev]

The <div> for the content box needs to be moved.
It is being constrained by the above structure. The same container that has your column classes in. BTW you have seven items in six columns as well. Just below this section.

Use inspect element and you can see what happens when you move the <div> for the content box down. It can be made to go full width 100%.

[Andykev]

Marking the reply as private makes it invisible to everyone but the moderators. Can't see your reply...

[Andykev]

You said "change the header color of the internal pages, I can't get it to stick", and your sample website has 4 pages (so far). So are you intending to target one internal page header, or all of them? Or different colors on each, on some, and not others?
You can change all of them by not listing a page id, or a few by listing several page id's in the same .css section.. or one by one, and shown in previous post. So I guess ...

Confused as to what you're asking.

[Andykev]

I have used this WordPress plugin for a client who only sells three or four things...
(yearly memberships) and it was a simple solution to have, incorporating Paypal.

It is pretty good. Woocommerce is my preferred "go to" as it integrates well with Studio Press, and has a lot of nice functionality. Still, a BASIC solution if someone wanted it is this:

WordPress Simple Shopping Cart

It will work with ANY WordPress theme...since you say you are doing a "pro bono" job for someone...so any "free" WP themem like Twenty-Thirteen, etc. might work..if you didn't want to use Genesis.

[Andykev]

Simple. You use .css to target the specific element (header) on a specific page.

So...

.page-id-36 .site-header {
    background-color: #0d7d7c;
	}

This will turn the header on your "Services" page a nice teal color. You can make it any color you wish, or a different color on each page.. just use your "inspect element" tool to locate the "page id" of that page.

[Author]

Posts