Support » Theme: Twenty Seventeen » Site Title & Tagline

  • Resolved deanimal


    Hi there,
    I’ve tried so many plugins today and I just can’t get anything to do what I want,so I’m really hoping someone here will know how to do this.
    I need to add a background box (in white) behind the Site Title and Description text in the header,to make them stand out a bit more. I know there is a feature to make the site identity background a solid colour, but that covers too much of my header picture. I’m sure there must be some CSS code I can use, but Google has not delivered me any success that way either.
    Help is greatly appreciated!!
    Thank you

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi @deanimal

    You can try adding following CSS as follows:

    site-branding {
        opacity: 0.8;
        background-color: white;
        width: 380px!important;
        height: 200px!important;
        margin-left: 35%;
        margin-bottom: 150px!important;

    Note: You can change margins ,height, width as per you requirements.

    I hope this code helps you. Do let me know how the code works.


    Hi there Ruchit,

    Thanks very much for your reply. unfortunately the code has had no effect 🙁

    If this needs to be a new topic, please advise.

    I am working with twentyseventeen child – have created appropriate folders for template parts with subfolders for header, navigation and footer.

    I used ideas from earlier posts, especially @anevins and find it really exciting to get this going as well as it is going.

    Except for this one snag!

    I have moved the site title, site.description and menu to the top, above the main image. Got things unstacked so all including navigation menu is on a single line (at least until my menu gets more topics anyways) and have padded the navigation to the right most limit – albeit, there is probably a more elegant way to do all this.

    Everything is displaying correctly except for a duplicate site title, site.description which still appears on the large media image itself in addition to the new position on the top menu. When I adjust settings move or hide either on the media image, the one on the top menu one similarly moves or hides. I think maybe I need to create a different “site-title” and “site-description” variable to use for to use for the new header and this may be the cause. Has anyone run into this? I am a bit of a css newbie – not sure where to instantiate the new variables if that is what is needed.

    Update… I found a workaround to my problem, not the best solution but hey… I simply edited my logo in paintshop to include the site description and tagline with white background to the text. In wp I disabled the site title and tagline and I used the new logo design. It works and I don’t have to fart around with css anymore.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.