Support » Theme: Twenty Seventeen » Site Title & Tagline

  • Resolved deanimal

    (@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.

    Regards,
    Ruchit

    Hi there Ruchit,

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

    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 https://wordpress.org/support/topic/how-to-move-twenty-seventeen-logo-site-title-tagline-to-the-top-menu/page/2/ 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.