Need help? Check out our Support site, then


Sight: resizing header font, moving image,,...

  1. charlesemmanuelkeck
    Member

    Hello,
    I need help for resizing my site title and changing color.
    I can't moving the background image too...
    Thank you for your help!
    Bests regards

    The blog I need help with is charlesekeck.net.

  2. Hi there, I see you have incorporated your site title into your header image. Did you want to change this or keep it as you have it now?

    On the background image, are you talking about moving, or removing the angled light-colored line in the site background?

    If you wish to remove the angled line, go to Appearance > Custom Design > CSS and delete the informational text and then insert the following:

    body {
    background-image: none;
    }
  3. I need help for resizing my site title and changing color.

    To resize and change the color of the site title for the Sight theme, first go to Appearance > Header and check the option that says, "Show header text with your image."

    Then add this to your Appearance > Customize > CSS panel:

    #masthead .site-title,
    #masthead .site-title a {
    	font-size: 30px;
    	color: #0000ff;
    }

    Adjust the color code as needed.
    http://en.wikipedia.org/wiki/Web_colors#X11_color_names

  4. I can't move the background image either...

    The background image in header of the Sight theme is designed to be a very specific width and height. You can override the background image settings from the Appearance > Header page manually by using the following CSS:

    .site-header hgroup {
    	background: none;
    }
    .site-header {
    	background: url(http://cekconsult.files.wordpress.com/2013/07/cropped-img_4674.jpg);
    	height: 228px;
    }

    Change the url() value with an image that is wide enough to fit the space, 975px in the current setup.

  5. charlesemmanuelkeck
    Member

    Thank you very much to all!
    It's work fine now!
    Could you tell me where I can found some useful command for this kind of customization?
    Have a nice day!
    Bests regards

  6. For a basic CSS tutorial, you could start here:
    http://www.htmldog.com/guides/cssbeginner/

    Lots of examples have been posted here in our forums over time, you can look through all the Sight theme's forum questions to see what you can find by looking at posts in this tag link: http://en.forums.wordpress.com/tags/sight

Topic Closed

This topic has been closed to new replies.

About this Topic