Center the Site Title, How?

  • Resolved worldmaker

    (@worldmaker)


    5 years, 8 months ago

    I need to center the site title in Responsive.

    For small screens this is already the default, but for fullscreens, PCs, workstations, etc., the default is Left-Aligned.

    I have fudged this with some CSS but cannot find the overrides to make it consistantly centered across the site on all screens.

    Can anyone suggest a CSS override they’ve had success with or can Support suggest a fix for this?

    NOTE: This is “Site Title” not Tagline or Logo.

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

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

  • Hi there,

    Please use the following CSS for that

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

    Regards,
    Prajakti Sahay

    Thread Starter worldmaker

    (@worldmaker)

    Prajakti,

    I already tried that with a custom CSS, it did not work, that is why I posted the question.

    The code you suggested is not overriding the Site Name when seen in large screens.

    See the test site here: Just increase or decrease the window size to see the effect (yes, I have just up-dated Responsive theme and I am using a child theme for this site).

    • This reply was modified 5 years, 8 months ago by James Huff.
    • This reply was modified 5 years, 8 months ago by Jan Dembowski.
    Theme Author CyberChimps

    (@cyberchimps)

    Can you please let me know which theme version you are using before updating it?

    Theme Author CyberChimps

    (@cyberchimps)

    please try adding the following css also –

    #logo {
    float: none;
    }
    .site-name {
    text-align: center;
    }

    If it will not work then please try the following CSS –
    #logo {
    float: none !important;
    }
    .site-name {
    text-align: center !important;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center the Site Title, How?’ is closed to new replies.