How to center site title and tagline

  • Resolved kyriakosso

    (@kyriakosso)


    10 years, 4 months ago

    Hi guys, my website is https://www.boltonwoodsjfc.co.uk

    I am trying ti center the site title and tagline and i use the code
    .site-header h1, .site-header h2{
    text-align: center;
    }

    But, it doesn’t work, the title and tagline don’t go in the center of the page. Any help?

    Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)

  • those elements can’t move further to the center as they are contained within a div with the CSS class .header-left, which is styled with a restricted width (quite far near the end of the style.css);

    .header-left{
	float:left;
	width:25%;
	background:url("images/logo.jpg") no-repeat left top;
	padding-left:175px;
height:120px;
}
    Thread Starter kyriakosso

    (@kyriakosso)

    Hi there, thank you for your reply.

    So there is no way to move it further to the center?

    Regards

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    On desktop?

    Thread Starter kyriakosso

    (@kyriakosso)

    Yes

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try:

    @media screen and (min-width: 1024px) {
    .header-right {
        width: 31%;
    }

    .header-left {
        padding-left: 388px;
    }
}

    Thread Starter kyriakosso

    (@kyriakosso)

    Worked thanks!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to center site title and tagline’ is closed to new replies.