Change the "Sight" Theme tagline font and size

  • Unknown's avatar
    thenewpinkcollar · Member ·

    How do I change the “Sight” Themed tagline font type and size? I’ve read through the forum and I’ve tried to enter codes suggested, but it isn’t working.

    When I go to the Appearance Link, Select Theme, Select Customize, Click CSS, the CSS Table is completely blank. I think this is to protect my “Sight” Theme CSS feed. I understand any new code I add will override the original theme.

    However, I don’t know what code to use. Can you please help?

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

  • Unknown's avatar
    designsimply · Member ·

    It’s normal for the Appearance → Custom Design → CSS editor to be blank to start with. The editor is designed to let you add in CSS as you go. To find out what CSS is in place already, I recommend using the built in browser tools to see what CSS a page is using or browse through the HTML of a page to see what CSS applies to it. Here is a related tutorial for it if you are using Internet Explorer 9:
    http://www.sitepoint.com/debug-faster-with-f12-developer-tools-in-internet-explorer-9/#two

    There is also a way to see a link to the original theme stylesheet from the Appearance → Custom Design → CSS page by clicking “Edit” next to “Mode: Add-on”, but note that you should not copy and paste the entire theme stylesheet into your editor unless you know what you are doing. It can cause a few problems if you don’t know what to update after you copy.

  • Unknown's avatar
    designsimply · Member ·

    After all that :) I went to look at your current tagline and I see that you currently aren’t showing a text tagline and that you’re using an image instead:
    http://thenewpinkcollar.files.wordpress.com/2013/01/cropped-header23.png

    To change that, you’ll need to adjust the image directly.

    To update the tagline in the Sight theme if you were displaying the tagline, you could use CSS like this:

    #masthead .site-description {
	font-size: 18px;
	font-family: Georgia, Times, “Times New Roman”, serif;
}
  • Unknown's avatar
    thenewpinkcollar · Member ·

    Thank you for the information.

    I posted a custom image in place of my title, because I wanted to have something nice to look at while I worked on the problem.

    Basically, I have two issues:
    1. I want to change the font type, size, and width of my header title. The standard design doesn’t look good with long titles, because it makes my title three lines long. I want it all on the same line, so I assume I need to adjust the width
    2. I want to do the same for the tagline.

    In addition, is there a way to put a twitter button in my header or in the secondary menu that appears next to the header?

    Thank you!

  • The topic ‘Change the "Sight" Theme tagline font and size’ is closed to new replies.