WordPress.org

Forums

Twenty Thirteen
[resolved] need to change header height and width (8 posts)

  1. viswanadhulasuresh
    Member
    Posted 1 year ago #

    Hi,

    I am fairly new to WordPress, so please please be patient with me.
    i know i am asking basic questions.please support me.

    i don't have any idea to upload child theme in WordPress (i am using WordPress 3.6 version).

    How can i create Twenty Thirteen child theme?

    i have seen this link http://codex.wordpress.org/Child_Themes for creating a child theme.But i could not under stood.

    if you don't mine will you provide each and every step with snap shot.

    other wise can you guide where i can get solution?

    Regards,
    Suresh

  2. If you're having difficulty creating a child theme, you could use a plugin to automate the creation for you. "Child Themify" could make things easier for you: http://wordpress.org/plugins/child-themify/.

  3. Botanet
    Member
    Posted 1 year ago #

    Hey viswanadhulasuresh,

    Get yourself familiar with http://codex.wordpress.org/Child_Themes read it once or twice (10) and then check this video out http://www.youtube.com/watch?v=j1UcL1ssazI

    Happy editing :)

  4. viswanadhulasuresh
    Member
    Posted 1 year ago #

    Hi,
    i have gone through above link what you are provide.But when i was installing child theme Zip file in WordPress getting error like

    \Unpacking the package…

    Installing the theme…

    The package could not be installed. The theme is missing the style.css stylesheet.

    Theme install failed.

    Regards,
    Suresh

  5. lavijain
    Member
    Posted 1 year ago #

    can anyone plz tell me how to make my header image responsive i have done it so far by doind this

    site-header {background: url(images/headers/logo.png) no-repeat scroll 0 0 transparent!important;
    background-size: 100% auto!important;}
    
    @media only screen and (max-width: 1599px)
    {
    .site-header {background: url(images/headers/logo.png) no-repeat scroll 0 0 transparent!important; background-size: 100% 80%!important;}
    }
    @media only screen and (max-width: 1069px)
    {
    .site-header {background: url(images/headers/logo_1200.png) no-repeat scroll 0 0 transparent!important; background-size: 100% 80%!important;}
    }
    @media only screen and (max-width: 999px)
    {
    .site-header {background: url(images/headers/logo_1000.png) no-repeat scroll 0 0 transparent!important; background-size: 100% 63%!important;}
    }
    @media only screen and (max-width: 767px)
    {
    .site-header {background: url(images/headers/logo_780.png) no-repeat scroll 0 0 transparent!important; background-size: 100% 63%!important;}
    }
    @media only screen and (max-width: 643px)
    {
    .site-header {background: url(images/headers/logo_650.png) no-repeat scroll 0 0 transparent!important; background-size: 100% 80%!important;}
    }
    @media only screen and (max-width: 359px)
    {
    .site-header {background: url(images/headers/logo_360.png) no-repeat scroll 0 0 transparent!important; background-size: 100% 80%!important;}
    }

    but i found that when i go for responsive ,my image looks like stretching and for that only i have added different resolution images but still it is going like that...

    can anyone help me out..

    i have changed the min-height:152px;

  6. @lavijain: Please can you start your own support thread for future problems. It makes support easier, and stops things getting confusing with multiple problems on one thread.

    Here's a really good article which details possible techniques for responsive images: http://css-tricks.com/which-responsive-images-solution-should-you-use/. Hope it helps.

  7. lavijain
    Member
    Posted 1 year ago #

    thanks for your help .

    i have resolved the issue using css ..

    :)

  8. Glad you've resolved the issue. :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.