peterjb101

Try this in the Additional CSS:

.main-navigation > div > ul {
	text-align: center;
}

Can I ask, where are making the changes to the CSS? If you are changing this is the theme css file then this will be overwritten once the theme is updated.

If you are looking to make a few changes then i would suggest you add to the Customise > Addition CSS from the wordpress menu.

Just looked at you About page, seems the white space is covering up some text?

I dont think you need to make the changes that you have posted above. Take them out, check out the two links that i sent you, add the code and adjust the values until you get what you are looking for.

Hi

If you visit your website on another web browser or computer you will see that the word EDIT is not visible. You will only see the EDIT when you are logged into WordPress.

When I am trying to work out the formatting I also use a different browser to the one that is logged into WordPress, that way the code for all of the WordPress headers etc does not display when inspect/inspect element is chosen.

There are a few requests on this forum where people have asked asked spaces above titles etc. Check out:

Remove white space- WordPress Forum

White space WordPress Forum

There are some great tutorials out there, just google wordpress twentyseventeen.

Looks to me like you have not set the home page as a static page.

Go to Customise > Static Front Page

there you will be able to select the front page and make it static. once you have done that you will get the full size header

If you are just making a few changes i wouldn’t worry about child themes, if you are interested there are a lot of tutorials that explain how to implement one.

.main-navigation a:link {
color: green;}

/* Active page */
.navigation-top .current_page_item > a {
    color: darkblue;
}

/* on hover */
.main-navigation a:hover {
color: pink;
}

Stick this in your Additional CSS.

• This reply was modified 8 years ago by peterjb101.

To remove the featured image on the sub-pages:

.single-featured-image-header {
	display:none;
}

to remove te header on sub-pages so that you are left with just the menu:

.site-branding {
display:none;
}

Look to amend:

.custom-logo-link img {
max-width: 350px;
}

Change the px size, probably need a media query for smaller screens. Are you going to have an header image?

Seem to work in my site for the page titles eg About Me.

Need to target the main header title eg Frank:

include

.site-title {
text-transform: none; }

I used Advanced Twenty Seventeen, found it useful, gives you some ideas you can make etc. Some people on this forum say it affects the health of their site. I’ve not used the plugin on my live site, once i made the changes I liked then went and made the amendments in CSS child theme.

Are you looking to change the font colours, back ground colour….. ?

Try

.page .panel-content .entry-title {
font-size: 4em;
font-family: Franklin;
}

Try this:

.panel-content .wrap {
padding-top: 1em;
}

If you are looking to remove the titles PREVIOUS and NEXT then try this

.nav-subtitle {
display: none;
}

If you want the whole lot removed, including the blog titles to the next and previous blogs try:

.nav-subtitle, .post-navigation .nav-links {
display: none;
}

Great, thanks for that. Updated by child theme function.php with the code and removed the index-child.php.

try this

.site-header .navigation-top .menu-scroll-down {
color: red;
}

I think a few people have asked about this, not sure how far they got. You will need to create a child theme and edit a line of code.

First check out the link on how to make a child theme:
Tutorial on how to make a child theme
This is a couple of years old so you will need to change the theme name to twenty seventeen.

After that you will need to copy the index.php from twenty seventeen folder and save it to your child theme folder as index-child.php

Open the file you just saved, index-child.php, then go down to line 45, there you will need to change

					get_template_part( 'template-parts/post/content', get_post_format() );

to

					get_template_part( 'template-parts/post/content-excerpt', get_post_format() );

This created excerpts on the blog page, depending on the length too the blog there will be a link- continue reading. I did not use the excerpt panel where the blogs are created in the backend, wordpress automatically created the excerpts for me.
Good luck, keep you busy over the weekend!
PS. Make sure you create a backup before you start incase it all goes pear shaped! If you get the white screen of death then you’ve probably made an error in the function.php file or index-child.php file (speaking from experience). don’t panic, remove those files from the child theme folder, if that solves the issue then look at those two file and make sure there are correct. If like me you left a line empty at the very top, remove it, copy them back into the child theme folder and try again! hopefully haven’t put you off!!!