centering site identity verically & centering footer content

  • Resolved dawnpolny

    (@dawnpolny)


    2 years, 7 months ago

    I am using the Twenty Seventeen theme. Is it possible to centre the site identity vertically? I would also like to centre my footer content including my social media icons. Is this possible? Any input would be much appreciated. Thank you.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hi,

    Try adding this to “Customizer – Additional CSS” …

    .twentyseventeen-front-page.has-header-image .site-branding {
margin-bottom: 0;
padding-bottom: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.site-footer .widget-column.footer-widget-2 {
float: none;
width: 100%;
}
.social-navigation {
width: 100%;
text-align: center;
}

    Oliver

    Thread Starter dawnpolny

    (@dawnpolny)

    Hi Oliver,

    Problem half solved. The footer content and social media icons are now centered perfectly. Thank you, much appreciated. The site identity is still not centered vertically. Anything else we can try?

    Dawn

    Plugin Author Oliver Campion

    (@domainsupport)

    You need to have a space between .twentyseventeen-front-page.has-header-image and .site-branding

    Oliver

    Thread Starter dawnpolny

    (@dawnpolny)

    That worked beautifully!! Thank you very much.

    Dawn

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘centering site identity verically & centering footer content’ is closed to new replies.