Twenty Seventeen website title, sub-title, menu colour customisation

  • Author
    Posts
  • #3056338

    Hi – thanks again.

    #3056352

    Hi
    Following up the issue of the home page header, this idea occurred to me: is it possible, in fact, not to have a unique home page? Then the first page viewed (i.e. the static page always viewed first) would look like an ordinary page with standard small header? If this were possible, this would be a good solution. I suspect this isn’t possible, but thought I’d ask, just in case.
    Also, just to say that I have recently made a few relatively minor changes in the CSS (these are commented to explain what’s being done). Many thanks, Rob

    #3056355

    kathrynwp
    Staff

    Hi there – I’m in for Richard today and catching up on this thread.

    Following up the issue of the home page header, this idea occurred to me: is it possible, in fact, not to have a unique home page? Then the first page viewed (i.e. the static page always viewed first) would look like an ordinary page with standard small header?

    It looks like perhaps you’ve already made this change, could you confirm? Are you set for now?

    #3056356

    Hi kathrynwp
    Thanks for your reply.
    No, I haven’t managed to get the first page viewed to have the same header size and configuration as the other pages yet. I wonder if this is even possible?
    But just to recap what’s been achieved so far:
    The CSS that @thesacredpath (is this Richard?) has supplied (as in the thread above) has given me an excellent small image for mobile ‘phone use and on my computer screen. It works brilliantly. But it does not work on tablet (iPad) or on the admin screen. In both these cases, there is no header.
    However, in the last hour, I have come across some CSS on a WordPress.org forum that fixes the admin screen, so you can see a narrower header there:

    @media screen and (min-width: 48em) {
    	.twentyseventeen-front-page.has-header-image .custom-header-media,
    	.twentyseventeen-front-page.has-header-video .custom-header-media,
    	.home.blog.has-header-image .custom-header-media,
    	.home.blog.has-header-video .custom-header-media
    	.twentyseventeen-front-page.has-header-image .custom-header-media,
    	.twentyseventeen-front-page.has-header-video .custom-header-media,
    	.home.blog.has-header-image .custom-header-media,
    	.home.blog.has-header-video .custom-header-media {
    		height: 66vh;
    	}
    }

    I haven’t tested the tablet screen yet, but will do so within the next hour and let you know.
    Once again, many thanks, Rob

    #3056357

    Hi kathrynwp
    Yes, it has worked on the tablet! The only thing I noticed was that the image on the home page didn’t seem to be randomised (I have several images that I have randomised). I’ll do some more testing and let you know.
    If there are no further tweaks required, then this set of CSS is a great way to reduce the size of the Twenty Seventeen home page header, and create a colourful menu that stretches right across the screen on all devices.
    I suspect a lot of people might want this CSS code. Is there a public place that I can post this CSS so that everyone using this theme on WordPress.com can be alerted to it and download it for their use?
    Many thanks, Rob

    #3056358

    kathrynwp
    Staff

    Hi Rob – glad you found a way to get the effect you want on the header.

    The only thing I noticed was that the image on the home page didn’t seem to be randomised (I have several images that I have randomised).

    The homepage header appears randomized for me – every time I reload the page, a different one is appearing.

    I suspect a lot of people might want this CSS code. Is there a public place that I can post this CSS so that everyone using this theme on WordPress.com can be alerted to it and download it for their use?

    These forums are public, so this is a good spot! I’ll just put your CSS in code tags so it’s easier to read.

    #3056360

    Hi kathrynwp
    Yes, having tested it, in fact the randomisation does work on the tablet view. This is a great solution to what I was looking for.
    It’s rather late now here in the UK, so I’ll copy the whole set of CSS over tomorrow (i.e. relating to the header image, the site title and tagline and the menu), each with the appropriate commenting. I hope some or all of this CSS will be of help to folk for customising Twenty Seventeen.
    Once again, many thanks, Rob

    #3056363

    kathrynwp
    Staff

    Sure – sounds good!

The topic ‘Twenty Seventeen website title, sub-title, menu colour customisation’ is closed to new replies.