[PyramidWeb]

You need to change both,

.landing-page .site-inner, .lead-capture-page .site-inner {
    margin-top: 0;
    max-width: 840px;
}

and

.full-width-content .content {
    border-right: medium none;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
    width: 100%;
}

The latter sets the width of full width content on all pages of the website, including the landing page. Note that the width cannot extend the width of the container.

[PyramidWeb]

Hi Roxine,

In your "style.css", search for

.full-width-content .content {
    border-right: medium none;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
    width: 100%;
}

and change "max-width: 840px;" to your preferred width. Note that the content area is in the container ".site-inner" that has "max-width: 1280px;". Since this content area cannot extend beyond its container, the max. width of the content area is 1160px (1280 - 2*60px padding left and right). If that's not enough, you need to change "max-width" of ".site-inner", too. (Just seach for ".site-inner" in style.css.)

The width of the content sections on the front page (home page) are set in "style-front.css".

Hope this helps.

[PyramidWeb]

And see my reply in this thread:

Refined pro 'Read More' text translation

You can just copy the code, add it to your functions.php and change it the way you like it. Color, font size and family etc. are set in css.

I don't think you need a plugin to customize your footer. After all, you don't need to change it every day, right?

[PyramidWeb]

Maybe this helps (click the link):

Footer

[PyramidWeb]

Hi Tai,

In most cases, there is no need to update your child theme (such as News Pro). You just need to update Genesis and that's it.

If you would like to update News Pro to the latest version - for whatever reason - you need to delete your current version of the theme, download the newest version from Studiopress and upload it to WordPress in the same way as you did when you first installed it. Note, however, that you will lose all your customizations.

So, maybe you want to stay with your current version and just update Genesis.

[PyramidWeb]

Hi Peter,

First, "float: center;" does not exist, see in the css you posted above. This is correct (I guess it's correct in your css already):

.page-widget.one-half {
    float: left;
    padding: 5px;
    width: 45%;
}

Second, to put a small space between the widgets, seach for ".first" in your css and change it as follows or add this part to your custom css:

.first {
    clear: both;
    margin-right: 5%;
}

This adds a margin of 5% to the right side of the first (i.e., the left) of the two widgets. You might need to omit "clear: both;" if you add the above css to your custom css, depending on where this custom part is inserted.

[PyramidWeb]

Hi,
I your style.css, search for

.genesis-nav-menu .sub-menu a {
    ...
    color: #fff;
    ...
}

and change "color: #fff;" to your favorite color.

[PyramidWeb]

I'm not sure what colors you would like to change.

If you want to change the color of the menu with the blue background (text "Twitter, Facebook, ..." in the demo https://my.studiopress.com/themes/education/#demo-full), add to your css:

.genesis-nav-menu li a {
    color: #f00;
}

The blue color of the background can be changed in

.nav-primary {
    background-color: #34678a;
    color: #fff;
}

Note that changing the color of the text (default is white #fff) has no effect.

This menu has no sub-menu in the demo, so I can't see the colors of the sub-menu. The other menu ("Sample, Layouts ...") in the demo has a sub-menu but the text is not white, so I guess this is not the one you would like to change.

[PyramidWeb]

Out of the box, Infinity Pro does not show the footer widgets on the front page (i.e., home page).

Since you have a cache and css autoptimize enabled, it is hard to find out why the footer widgets aren't displayed on your other pages either. Disable your cache and css optimizer and see whether the footer widgets are still missing.

[PyramidWeb]

Link to your site, please.

[PyramidWeb]

Hi Christine,
The space under the header is not a margin - it is the height of the area itself.

In your "style.css", the height is set to a fixed value of 488px (see below). For the desktop version, this height looks fine; for the mobile version with a much smaller width, though, a height of 488px is too much, hence the white space under the header. (The smaller the width the heigher this area appears in contrast - just change the width of your browser window and see what happens.)

.header-image .site-title > a {
    background-size: contain;
    display: block;
    height: 488px;
    margin: 10px auto;
    max-width: 1500px;
    text-indent: -9999px;
}

A "quick-and-dirty" solution would be to decrease the height for smaller widths in your media queries.

Hope this helps.

[PyramidWeb]

Hi Tamas,
Try this:

// Edit the read more link text
add_filter( 'excerpt_more', 'cust_read_more_link');
add_filter( 'get_the_content_more_link', 'cust_read_more_link'); // Genesis content limit read more link
add_filter( 'the_content_more_link', 'cust_read_more_link'); // WordPress read more link
function cust_read_more_link() {
	return '&nbsp;&hellip;&nbsp;<a href="' . get_permalink() . '">Your Text</a>';
}

[PyramidWeb]

Here's the code for "functions.php" again - the formatting above is a mess, I'm sorry:

[PyramidWeb]

Ok, stfn sent me access data to his website and I could solve the issues for him. Here's a quick recap - maybe this helps others.

The goal was to have one row of 3 widget areas next to each other (this area is called "home-middle") and another row of 2 widget areas next to each other (this area is called "home-bottom"). It should be possible to have a different background for each of the widgets and their containers (i.e., the rows).

Here are the crucial parts:

In file "functions.php":

	
genesis_register_sidebar( array(
	'id'			=> 'home-middle-1',
	'name'			=> __( 'Home Middle #1', 'bakkerwidget' ),
	'description'	=> __( 'This is the first column of the home middle section.', 'bakkerwidget' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-middle-2',
	'name'			=> __( 'Home Middle #2', 'bakkerwidget' ),
	'description'	=> __( 'This is the second column of the home middle section.', 'bakkerwidget' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-middle-3',
	'name'			=> __( 'Home Middle #3', 'bakkerwidget' ),
	'description'	=> __( 'This is the third column of the home middle section.', 'bakkerwidget' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-bottom-1',
	'name'			=> __( 'Home Bottom #1', 'bakkerwidget' ),
	'description'	=> __( 'This is the first column of the home bottom section.', 'bakkerwidget' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-bottom-2',
	'name'			=> __( 'Home Bottom #2', 'bakkerwidget' ),
	'description'	=> __( 'This is the second column of the home bottom section.', 'bakkerwidget' ),
) );

In file "front-page.php":

And finally the css:

.home-middle {
	background-color: #fff;
	padding: 20px;
}

.home-middle-1,
.home-middle-2,
.home-middle-3 {
	float: left;
	padding: 20px;
	width: 31.623931623931625%;
}

.home-middle-2,
.home-middle-3 {
	margin-left: 2.564102564102564%;
}

.home-bottom {
    background: #39A8DF;
	padding: 20px;
}

.home-bottom-1,
.home-bottom-2 {
	background-color: #fff;
	float: left;
	padding: 20px;
	width: 48.717948717948715%;
}

.home-bottom-2 {
	margin-left: 2.564102564102564%;
}

That's it. In addition, I changed the child theme from fixed width to full width. Note that the code for "front-page.php" could be simpler; to me the suggested solution more elegant, though.

[PyramidWeb]

Hi Paul,
To center the nav, edit your "style.css" and change

.genesis-nav-menu {
    clear: both;
    font-size: 1.4rem;
    line-height: 1.4;
    width: 100%;
}

to

.genesis-nav-menu {
    clear: both;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    width: 100%;
}

From my opinion, the logo as it is now cannot be easily centered since the logo image is inserted such that the default css in "style.css" is overwritten by

.site-title a {
    background: rgba(0, 0, 0, 0) url("http://sandbox.targetmediapartners.com/wp-content/uploads/2016/08/TMPi-email-logo.png") no-repeat scroll 0 0;
}

First, check these websites:
https://wordpress.org/support/topic/center-site-title-background-image-logo/

How To Fix Outreach Theme Header Problem & Add Different Sized Images

If this doesn't help, I'd suggest to remove the logo image within the WP dashboard and add it manually (just copy the above css to your style.css and change "0 0" to "center center").

[PyramidWeb]

Your css is cached and minified - this makes it difficult to help. Please disable.

Do you intend to put content (image, text, whatever) inside the area with the grey background or do you leave it empty?

[PyramidWeb]

Hi j7an,
In your "style.css", change

.home-middle .widget, .home-top .widget {
    float: left;
    padding: 0 2.8%;
    width: 33.3333%;
}

to

.home-middle .widget {
    float: left;
    padding: 0 2.8%;
    width: 33.3333%;
}

.home-top .widget {
    display: inline-block;
    padding: 0 2.8%;
    vertical-align: middle;
    width: 30%;
}

Note that you need to reduce the width of the widgets.

Hope this helps.

[PyramidWeb]

Hi,
No, not all of the older Genesis themes are mobile responsive. In fact, just until recently there was an option "mobile responsive" you could choose when shopping for themes, so if a theme is pretty old, chances are it's not mobile responsive. Simply change the width of your browser window and see what happens.

[PyramidWeb]

Hi Patrick,
I can see the issue on the Infinity Pro demo but not on your site, so I guess you fixed it.

Regarding your second problem:
The links to Dropbox "here (before touching)" and "here (after touching screen)" in your post yield a 404 error page.

[PyramidWeb]

Hi stfn,
I did not receive your message. I just read in the forum FAQs "There is a feature built into the forum where you may mark a reply as Private then only forum moderators and administrators will be able to see it." Since I'm neither a moderator nor an administrator here, I cannot see your message. Is there an email you'd like to post here so I can reach out to you?

[Author]

Posts