Chad

Hi @banette!

It looks like the image is overhanging to the left, but not on both sides.

It looks like you might have the image size in that post set to large, and not full size, try changing that to see if it helps.

If the image is at least 960px wide, it should overhang on both sides of the content ??

Thanks for letting us know you’d sorted it out! When you get a moment, could you mark this thread as “resolved” over in the sidebar? ??

Hi @sparkleballlady!

There isn’t a maximum recommendation for the number of pages when using Sketch, no – it will indeed depend on your host’s ability to support the number of images that are being loaded, as well as the speed of your individual internet connection ??

As a test, I just went through your site and opened all of the portfolio pages. I didn’t see any issues at all – even when I loaded a half dozen of them in separate tabs all at the same time!

Are you hearing reports from visitors of the site crashing? Or is it only one your computer/network?

If you are hearing the same thing from multiple sources, and are certain it is not something related to your hosting setup, you may want to check in with Jetpack support (you mentioned having a log file).
https://jetpack.com/contact-support/

Hi @lidloya!

It doesn’t look like you have a page set to display blog posts – check the settings under Settings -> Reading.

Make sure the Front Page Displays is set to “Your Latest Posts”

You’ll probably also want to check Appearance -> Menus to make sure the “Home” link is pointing to the main URL of your site and not to a blank page that is named ‘Home’

Hi @aligha3mi!

Try this CSS, and let us know if it does what you had in mind:

@media screen and (min-width: 768px) {
    body.page .entry-header,
    body.single .entry-header {
        width: 800px;
    }
    .page .entry-content,
    .single .entry-content {
	width: 944px
    }
}

If that’s not quite it, feel free to link directly to and example page on your site and describe which section you’d like to make wider!

• This reply was modified 7 years, 9 months ago by Chad.

@armaco – it’s possible yes, but for it to work well, we’ll want to approach it a little differently.

Go back into your child theme’s single-jetpack-portfolio.php file.

We’re going to remove the line we added:

<?php the_post_thumbnail() ?>

And replace it with the following:

		<?php if ( has_post_thumbnail() ) {
			// If there is a featured image, grab the details
			$thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'blask-post-thumbnail' );

			// Set the URL of that image as the background of the featured image block ?>
			<div class="single-featured" <?php echo 'style="background-image: url(' . esc_url( $thumb[0] ) . ');"'; ?>></div>
		<?php } ?>

This does a few things:
– check to see that there is, in fact, a Featured Image set for the current post
– if so, create a container, and use the image as a background – which makes it easier for us to reposition with CSS

Speaking of CSS, here’s your last step – add this to your child theme’s stylesheet, or in the CSS section of your Customizer:

.single-featured {
	max-width: 100%;
	height: 200px;
	background-size: cover;
	background-position: 50% 50%;
}

Now you’ll have the image displayed at 200px, with the image centered in the box. Depending on the aspect ratio of the original image, any extra will be cut off either vertically or horizontally ??

Thanks @seajay111!

I think I missed this part of the original question:

I follow these steps, but there is no Front page displaus and Post page in Settings → Reading. Is there another way for this?

On a WordPress.com site, (the menus are different, which is part of what makes the other forum a better fit).

The best place to control that setting on WordPress.com is in the Customizer, under the “Static Front Page” section ??

Absolutely. You can also use max-width media queries to apply styles to screens over a certain size, instead of under a certain size.

More info ??
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

• This reply was modified 7 years, 9 months ago by Chad.

all good ??

Happy to help ??

Hi ??

A couple of CSS changes to center your navbar:

.menu-primary-container {
  text-align: center;
}

ul#menu-primary {
  display: inline-block;
}

To make the text larger, you’ll need to increase the font size for the .sf-menu li a and .sf-menu li a:hover styles:

.sf-menu li a:hover {
  font-size: 14px;
}

.sf-menu li a:hover {
  font-size: 14px;
  cursor: pointer;
}

I’ve also added a cursor parameter to the hover. That will force the cursor to be the same across the navbar, as opposed to being different on your “About” and “Media” elements ??

Also, if you aren’t already familiar with them, make sure you read up on creating a child theme. ??

Hi Sherry!

That info is most likely being set be either your theme or a plugin – or it could be on a contact page.

Can you post a link to your site as well as what theme you are using? ??

Hi Michael ??

It looks like your site is hosted on WordPress.com, which has its own support forums.

You’d be better off posting your question over there, as this forum is for self-hosted WordPress users.

(This also means that you’re right, you won’t be able to modify the theme code, but there may be some settings you can change ?? )

I’d start by double checking the theme menu locations. You can find these in two places, if your theme is using them:

1. In Menu Settings below where you set up the Menu Structure
2. The Manage Locations tab at the top of the Menus Page.

If that doesn’t help, please post some more info for us, like what theme you are using, or perhaps link to your site ??

Nice! Glad it worked! ??