Sela change tag line to lowercase

  • Unknown's avatar

    Hello,

    Two questions. How do I change the tag line in Sela to lowercase letters?

    Second: How do I get rid of the five white dots and the white line at the bottom of the page?

    stealingdiamondsfromheaven.com

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Aloha cmbache, It looks like your page is set to private so it’s hard to see what is going on. Is there any way you could temporarily make it public in order to figure this out?

  • Unknown's avatar

    Aloha geoffreyshilling! I just made the site public. Mahalo! :-)

    P.S. I am trying to make the logo bigger so it fits more of the header area. I found some CSS code from another Sela theme person asking to do the same, but I feel I still need mine at least wider. This is my first time using CSS! It is so cool. Any tips would be much appreciated.

  • Unknown's avatar

    Hello again,

    I now only need to know how to make the site title and tagline lower case with the ability to capitalize only the first letters of words. And how to make the site title smaller font.

    Thank you! the blog I need help with is stealingdiamondsfromheaven.com

  • Unknown's avatar

    And, how do I get rid of white line above the footer?

    How do I make the text larger for certain links like on “books” page for the titles like, “dark night early dawn”?

  • Unknown's avatar

    I apologize for the delay in responding!

    I now only need to know how to make the site title and tagline lower case with the ability to capitalize only the first letters of words.

    h1.site-title, h2.site-description {
        text-transform: none;
    }

    And how to make the site title smaller font.

    You can adjust the 1.4 to whatever size works best.

    h1.site-title {
        font-size: 1.4em;
    }

    And, how do I get rid of white line above the footer?

    This will get rid of the white line:

    .site-footer {
        border-top: 1px solid #d9d9d9;
    }

    I hope that helps!

  • Unknown's avatar

    Correction: the .site-footer should be:

    .site-footer {
        border-top: none;
    }
  • Unknown's avatar

    How do I make the text larger for certain links like on “books” page for the titles like, “dark night early dawn”?

    You could try the following code, but it could change links on some of your other pages too, so you’d want to look at each page after using it:

    .entry-content p a {
        font-size: 1.7em;
    }
  • Unknown's avatar

    It all worked! Thank you SO much. I really appreciate your help.

    I have two more questions.

    1. Is it possible to make the header stretch across the whole width of the screen so there is no background color on the sides framing it in?

    2. I have entered all the CSS code in the CSS section under customize. I read in places that I need to put the code all into a child theme to protect it from Sela updates. Is this true? If so, how do I do this?

    Thank you!

  • Unknown's avatar

    That’s great, I’m glad to hear it worked! :)

    1. Is it possible to make the header stretch across the whole width of the screen so there is no background color on the sides framing it in?

    It would be difficult to get the header the entire width of the page because that is how the theme is built. You could expand your header image to the full width of the page (the solid blue page margins would still be there) by adding these:

    .site-logo {
        width: 100%;
    }
    .site-branding, .site-navigation {
        padding: 0px;
    }

    2. I have entered all the CSS code in the CSS section under customize. I read in places that I need to put the code all into a child theme to protect it from Sela updates. Is this true? If so, how do I do this?

    This is directed towards self-hosted WordPress sites (and adding the code directly in the theme files) and not the ones hosted here at WordPress.com. The CSS section in the customizer is the perfect place to put it :)

  • The topic ‘Sela change tag line to lowercase’ is closed to new replies.