ThePixelMe

@cmurway No problem. If you need help on those other items, feel free to create another topic and use the tag @thepixelme to notify me about it. I’d be glad to help.

As for this topic though, if the issues in the original post have been resolved, could you please mark this topic as resolved? Thank you very much!

can you tell me how I can remove the date in the posts ?

You can add this to your custom CSS or child-theme CSS:

/* remove dates in posts */

.entry-meta .entry-date {
  display: none;
}

• This reply was modified 9 years, 2 months ago by ThePixelMe. Reason: spacing

Anyrecommendations/ suggestions on how to make header/ footer color transparent?
seems to be two pages css and dark color theme and cannot for the life of me figure it out.

I think you’re probably stuck because you’ve applied the background image to the wrong class.

I explained a bit about this mix up near the end of this post, and the actual ID/class that the background image should have been applied to.

/**
 * to apply these to light version,
 * just remove .colors-dark class 
 * from the codes below
 */

/* make entire page has no background */

body.colors-dark, 
.colors-dark .site-content-contain {
  background: none;
}

/* make main header section has no background */

.colors-dark .site-header {
  background: none;
}

/* make main footer has no background */
.colors-dark .site-footer {
  background: none;
}

And in case you want the main nav to have no background as well, add this:

/* make main-nav has no background */
.colors-dark .navigation-top, 
.colors-dark .main-navigation ul {
  background: none;
}

You’ll probably notice that the header and footer are now showing a white color instead of the image.

That’s because the image is applied to the .site-content class; that’s the wrong class if you want the background image to show on the entire page.

You need to apply your background image to either the #page ID or .site class.

/* remove background from .site-content */
.site-content {
  background: none;
}

/* add image background to page */
#page {
  background-image: url("/wp-content/uploads/2017/01/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

• This reply was modified 9 years, 2 months ago by ThePixelMe. Reason: point clarification
• This reply was modified 9 years, 2 months ago by ThePixelMe. Reason: added light-theme comment and some clarification
• This reply was modified 9 years, 2 months ago by ThePixelMe. Reason: fix spelling mistakes

In that case, could you please give us a link to your site so we can see what you’re trying to change?

I downloaded the plugin “Advanced twenty Seventeen” to see whether this would let me edit the menu (which it did not?), and I think that the plugin created a child theme for me?

Okay, so we’re going the plugin route, and you already have a working child theme created by Advanced Twenty Seventeen plugin.

This looks more complicated than it is; it’s actually pretty simple.

Step 1. Install WP Editor

• Go to Plugin –> Add New –> search for WP Editor –> install and activate it.
• Screenshot: http://i.imgur.com/oPHja9Q.png

Step 2. Grab the navigation-top.php file from the original Twenty Seventeen theme.

• Go to Appearance –> Theme Editor –> at where it says Select theme to edit, choose Twenty Seventeen and hit Select button.
• Still on that page, look under Theme Files, click on template-parts –> navigation –> navigation-top.php.
• Still on that page, make sure navigation-top.php file is selected (click on it) –> hit the Download File button.
• Screenshot: http://i.imgur.com/7Ehbk5D.png

Step 3. Upload navigation-top.php to your child theme’s template-parts/navigation/ directory.

• Go to Appearance –> Theme Editor –> at where it says Select theme to edit, choose Advanced Twenty Seventeen Child and hit Select button.
• Still on that same page, under Upload Files, in the box right below it, type in template-parts/navigations/ –> then hit Choose File button –> choose the navigation-top.php file that you’ve previously downloaded –> hit Upload File button.
• Screenshot: http://i.imgur.com/YD5fJpt.png

Step 4. Edit Menu text in navigation-top.php file to whatever text you want.

• Go to Appearance –> Theme Editor –> at where it says Select theme to edit, choose Advanced Twenty Seventeen Child and hit Select button.
• Still on that page, under Theme Files, click on template-parts –> navigation –> navigation-top.php
• Still on that page, with navigation-top.php selected, look for _e( 'Menu', 'twentyseventeen' ); ?></button> line of code –> edit that Menu text to whatever you want — then hit Update File button to save.
• And we’re done!
• Screenshot: http://i.imgur.com/CM7EQUq.png

• This reply was modified 9 years, 2 months ago by ThePixelMe. Reason: formatting
• This reply was modified 9 years, 2 months ago by ThePixelMe.
• This reply was modified 9 years, 2 months ago by ThePixelMe. Reason: Add screenshots to li list

Do you know how to properly create a child theme and uploading it to your host?

I’m asking because we want to create a child-theme then edit a file call navigation-top.php inside the child theme, then upload the child theme to your server, then activate it.

We can either do it via plugins right on your website or we can do it via manual coding right on your computer (which will require you to upload the files to your server once we finish). Let me know and I’ll provide further instruction, thanks!

If you don’t mind a bit of CSS, then you can use this:

/* Don't display page titles */
.titleContainer.titlePage .title {
    display: none;
}

I googled around but can’t find any info.

Look into Calypso, it was released last year [link] [link].

It’s WordPress admin re-written in Node.js. Users on self-host WordPress sites can take advantage of it via Jetpack.

It’s generally a much better experience than the default way.