Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #4075
    thess
    Member

    Hi.

    I want to change the color of the site title and tagline, and make them bigger, but I can´t seem to make it work. Do you have any css-codes I can use? I have tried looking through old comments and using some of the codes I found, but unfortunatly I most be doing something wrong. Hope you can help me.

    #4108
    truthinablog
    Member

    I have simplecatch and I also would like to do this. I have browsed the forum but not found any CSS codes.

     

    truthinablog.organika.ca

    Thankyou!

    #4132
    Sakin
    Keymaster

    @truthinablog: You can change the value of the color code and the font size as per your need and add the following css in “Custom CSS” box in your Theme Options

    h1#site-title a {
    color: #bbb;
    font-size: 50px;
    }
    h2#site-description {
    color: #666;
    font-size: 14px;
    }

    #4178
    thess
    Member

    Thanks, this helped! I also want to have a little space between the headline and the tagline and place them both in the middle of the page. Do you have another code?

    greenattraction.net

    #4187
    Sakin
    Keymaster

    @thess: Just add the padding top in your site tagline with the help of css below. Increase the number as per you need.
    h2#site-description { padding-top: 50px; }

    #4212
    thess
    Member

    Perfect, thanks a lot! I just have one more question, how can I place both the headline and the tagline in the middle of the page (center alignment)?

    #4219
    Sakin
    Keymaster

    @thess: Add the following css:
    #header .logo-wrap, #site-details { padding: 0; text-align: center; width: 100%; }

    #4221
    thess
    Member

    Perfect!! Thanks a lot:)

    #18423
    AGKD49
    Member

    Hi. I was able to change the color of my header (thank you!) but the code I copied and pasted for centering the header and description did not work for me. See below. Did I miss a character, perhaps?

    #header .logo-wrap,
    #site-details {
    padding: 0;
    text-align: center;
    width: 100%;
    }

    h1#site-title a {
    color: #d33630;
    font-size: 60px;
    }
    h2#site-description {
    color: #666;
    font-size: 14px;
    }

    #18424
    AGKD49
    Member

    My apologies. Forgot to confirm that this is for the site title and site description.

    #18444
    Sakin
    Keymaster

    @AGKD49: Please post in your site URL so that I can check in.

    #18445
    AGKD49
    Member

    Hi. Is there a way I can get you the url while still keeping the site unpublished? (I can set you up with access if you provide an email.)

    #18449
    Sakin
    Keymaster

    @AGKD49: Ok I have just emailed you.

    #18515
    Sakin
    Keymaster

    @AGKD49: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
    #header-left, #header-left hgroup { float: none; text-align: center; }

    #18519
    AGKD49
    Member

    Sakin! That worked perfectly. Thank you SO very much! 🙂

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘color of site title and tagline’ is closed to new replies.