Styling the Header

  • jgwalter930

    (@jgwalter930)


    7 years, 6 months ago

    I have very, very basic CSS knowledge, but would like to learn. I’m not sure where to start what must be a simple task.

    I’d like to style the header and logo on this site to match a linked site ( johngwalter.com ), which currently is using Lucinda Sans, Lucinda Grande for a font.

    I’d also like to center the logo.

    I’ve tried some editing in the ‘additional CSS’, but clearly, I don’t understand the process, or the syntax necessary to be successful.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    7 years, 6 months ago

    In the “Additional CSS” section of the dashboard add this:

    
.site-branding {
    text-align: center;
}

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    If you want to use Lucinda Sans, first check if a popular web service like Google Fonts serves them.

    Thread Starter jgwalter930

    (@jgwalter930)

    7 years, 6 months ago

    Thank you for this information. I had read the linked page and did not deduce the use of “.site-branding” from it. It worked, of course. Now, what do I use for the menu bar? 🙂 How do I learn this basic stuff?

    My choice of Lucinda Sans was merely an attempt to synchronize the fonts. I would prefer something like Optima, but that does not appear to be available from Google.

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

The topic ‘Styling the Header’ is closed to new replies.