mlddev

malkov,

I may not be clear on what you want to do. The #comments div is what wraps your comment form at the bottom of post pages. I see you have added the width and it looks fine to me except for a bit of overflow being hidden. If you add the following it should fix that.

#respond #commentform {
  margin: 0 2% 0 0;
}

You can also play with the width of:

.comment-form-comment #respond textarea {
  width: 95%; /* adjust to your prefference */
}

For the comments looks like you could start with adding width…

#comments {
  width: 640px; /* same width as your post content */
}

johnhooper,

While a child theme setup is definitely the way to go, not all themes support it. I am unfamiliar with your theme and therefor don’t know exactly where to point you, but…

What I would recommend first is to locate your content-page.php file in your main theme directory. Find the code you mentioned above:

<h1 class="entry-title"><?php the_title(); ?></h1>

Replace that with:

<?php if( is_home() || is_front_page() ) : ?>
<!-- no header code -->
<?php else : ?>
		<h1 class="entry-title"><?php the_title(); ?></h1>
<?php endif; ?>

Save and upload the content-page.php file and refresh your home page.

I downloaded your theme template files from the author and tested this so I know it will work if followed correctly.

Let me know how it works out.

Do you have a Hosting account at GoDaddy or other company?

If you do have a hosting account from another company you need to log into their control panel to locate the NameServers to point to.

Hosting companies usually send you the NameServer addresses in and email to you upon account setup as well.

Another method which has been covered in past topics…

You can edit one of your template files (such as header.php or content.php or page.php). Which file depends on where your theme calls the title with the code <?php the_title(); ?>. Once you locate which of your template files contains the code to call the title then…

You want to wrap that code with something like the code below depending on how your home page is set:

If your home page is set to show your latest posts:

<?php if (is_home()) { ?>
	<!-- don't display title (leave this blank) -->
<?php } else { ?>
	<h2><?php the_title(); ?></h2>
<?php } ?>

If your home page is set to show a static page:

<?php if ( !is_front_page() ) :?>
	<!-- don't display title (leave this blank) -->
<?php } else { ?>
	<h2><?php the_title(); ?></h2>
<?php } ?>

What your doing is wrapping the <?php the_title(); ?> with a conditional tag that tells WordPress to display the title on any page that is not the front page (static) or homepage (blogroll)

On a side note, (if you are not already) you should be doing these edits withing a child theme so that you will not loose all your edits when an update for the theme comes along. View https://codex.www.ads-software.com/Child_Themes for details, it’s a fairly simple process to set up or you can let a plugin do if for you https://www.ads-software.com/plugins/one-click-child-theme/

If all you want is to have your blog posts appear on the home page you can set this under Settings > Reading > and select the option Front page displays = Your recent posts.

I think I found your problem. In your styles.css file (line 524) you have:

.site {
    background-color: #FFFFFF;
    padding: 0 1.71429rem;
}

The background-color is applying when you resize to mobile widths. Remove that background color. You should then be able to ignore my previous suggestions and the background you set in Appearance to work.

See if this will work… just simplify it to:

#page { background: #22140b; }

Leave your background image and color set in Appearance.

Sorry, I was assuming you were familiar with editing your theme files directly with the previous suggestion.

Not the best method, but a quick fix for you would be to add CSS styles you have applied to the body to the #page div.

Instead of this:

body.custom-background {
  background-attachment: fixed;
  background-color: #22140B;
  background-image: url("https://mrpixels.com/wp-content/uploads/2014/02/background-1600.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}

Try this:

body.custom-background,
#page {
background: url("https://mrpixels.com/wp-content/uploads/2014/02/background-1600.jpg") no-repeat center top #22140b fixed; }

The wp-config.php file resides in the main directory you have WordPress installed in.

Use FTP or log into your hosting companies control panel to view your site files. You would most likely find WordPress installed on your root directory on your domain OR in a sub-folder (such as wordpress).

After you log in to your WordPress admin you can make the change under Settings / General.

And, like Sneff stated, once you make the change and save the changes you will get an error (probably 500 Internal Server Error). Just go ahead and move your install files from the wordpress directory to the root of your domain.

You will then be able to log back into the admin through https://yourdomainname.com/wp-login.php instead of the https://yourdomainname.com/wordpress/wp-login.php

the code was posted in another thread.

link to other post

correct code:

remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10 );
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );

Damboom, your right.. it does not seem to affect the product detail page sale icon, although I thought it did at first.

Got a solution James? I am using WooCommerce for two clients that are either not implementing an actual ecommerce (but may need to in the future), or redirecting to 3rd party (Etsy).