WordPress.org

Ready to get started?Download WordPress

Forums

Childishly Simple
[resolved] Header Image Adjustment (16 posts)

  1. eng_mmd
    Member
    Posted 1 year ago #

    Dear Sir,
    I need to adjust Header image to be smaller than current image how can i do this?
    Mahmoud

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    look into functions.php of the theme (near the end):

    'width'                  => 1000, // Suggested height e.g. suggested cropped area when first uploaded
    	'height'                 => 300, // Suggested height e.g. suggested cropped area when first uploaded

    possibly change those number values;
    you might need to re-upload the header image.

    if this does not help, please post a link to your site to illustrate the problem.

  3. eng_mmd
    Member
    Posted 1 year ago #

    Hi Sir,
    my link is heroplayer.com and also i got this message when i publish my website in the bottom of each page:
    Forbidden

    You don't have permission to access /_YTG_yu_kc/_dl/get_info.php on this server.

    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

    how can i solve this issue

    Mahmoud

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    in style.css, find:

    img.header{
    background-color:transparent;
    width:100%;
    z-index:110;
    }

    and:

    /* =Banner image
    --------------------------------------------------------------------------------------------------- */
    img.header {
    width:100%;
    }

    in both, change width:100%; to max-width:100%;

    more important:remove the adsense code from the head section; it is causing validation errors:
    http://validator.w3.org/check?uri=http%3A%2F%2Fheroplayer.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://codex.wordpress.org/Validating_a_Website

    re 'forbidden':

    try to deactivate all plugins to see if that solves the problem;
    then reactivate one plugin at a time to locate the one broken one.

    also, contact your hoster and ask them about the 'forbidden' message as well.

  5. eng_mmd
    Member
    Posted 1 year ago #

    thank you for your replay, i have disabled all plugins BUT i got 5 validation errors can you help me?

    Validation Output: 5 Errors

    Error Line 524, Column 3: "DOCTYPE" declaration not allowed in instance

    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">


    Error Line 525, Column 6: document type does not allow element "html" here

    <html><head>

    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

    One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
    Error Line 525, Column 1: Missing xmlns attribute for element html. The value should be: http://www.w3.org/1999/xhtml

    <html><head>

    Many Document Types based on XML need a mandatory xmlns attribute on the root element. For example, the root element for XHTML might look like:
    <html xmlns="http://www.w3.org/1999/xhtml">
    Error Line 533, Column 5: end tag for "hr" omitted, but OMITTAG NO was specified

    <hr>

    You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
    Info Line 533, Column 1: start tag was here

    <hr>

    Error Line 770, Column 11: end tag for "ul" which is not finished

    Most likely, you nested tags and closed them in the wrong order. For example <p>...</p> is not acceptable, as must be closed before <p>. Acceptable nesting is: <p>...</p>

    Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, in HTML the <head> element must contain a <title> child element, lists require appropriate list items (

      and
        require
      1. ; <dl> requires <dt> and <dd>), and so on.
  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    three of those errors are caused by the '403 Forbidden' error message which is still showing in your site.
    the other three errors are minor and could be ignored.

    does the '403 Forbidden' error message still show if you temporarily switch the theme to the default Twenty Twelve?

  7. richarduk
    Member
    Theme Author

    Posted 1 year ago #

    Wow! I'm humbled :-)

    Thanks very much alchymyth, the OP sent me a couple of emails and my replies were totally different, I think I misunderstood what he meant on one of them, your replies are far better than mine. I just checked in out of curiosity ...

    Hmmm ...

    I seem to have duplicate css img.header

    D'you think max-width would be better than width?

    Richard

  8. eng_mmd
    Member
    Posted 1 year ago #

    Dear Sir,
    I have sent feedback to my service provider and he told me that this may be or due to insecure plugin i have installed, he advised me to reinstall my wordpress and i did. the error message disappeared i thank you for help. also i have new question that is:
    how can i increase Top Menu vertical distance in order to get larger Menu icons?

    thanks in advance,
    Mahmoud

  9. eng_mmd
    Member
    Posted 1 year ago #

    How can i make my website compatible with IE8 or higher?
    as when i load my website in IE8 and IE9 it gives me NON compatible site with internet explorer please help me.

    thanks in advance,
    Mahmoud

  10. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    @richarduk

    D'you think max-width would be better than width?

    if the header image upload or choice allows for images smaller than the width of the site, I would prefer 'max-width'.

  11. eng_mmd
    Member
    Posted 1 year ago #

    Hello every body,
    how can i increase Top Menu vertical distance in order to get larger Menu icons?
    How can i make my website compatible with IE8 or higher?
    as when i load my website in IE8 and IE9 it gives me NON compatible site with internet explorer please help me.

    thanks in advance,
    Mahmoud

  12. richarduk
    Member
    Theme Author

    Posted 1 year ago #

    <how can i increase Top Menu vertical distance in order to get larger Menu icons?>

    Do you mean the height of the main menu - the menu that stretches the full width of the site?

    Or do you mean you want to make the dropdown menu's 'higher'/ 'taller'?

    <How can i make my website compatible with IE8 or higher?
    as when i load my website in IE8 and IE9 it gives me NON compatible site with internet explorer please help me. >

    Do you mean rounded corners? If so, good old IE doesn't support these until IE9. There are workarounds, such as http://davidwalsh.name/css-rounded-corners
    and
    http://code.google.com/p/curvycorners/
    which use javascript, but the complication of adding them and making sure there were no problems / keeping them updated seemed too much for me. IE 8 has about 10% market share on one of my sites, but it's going to gradually drop, and IE8 users for the most part probably won't even know that the option for rounded corners on the interweb exists. :-)

    <if the header image upload or choice allows for images smaller than the width of the site, I would prefer 'max-width'. >

    Thanks, alchymyth

  13. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Try using a plugin that incorporates CSS PIE to resolve aesthetic (not formatting) CSS issues in older versions of IE http://wordpress.org/extend/plugins/ie-css3-support/

  14. eng_mmd
    Member
    Posted 1 year ago #

    i mean the height main menu.
    really i prefer rounded corners and i used rounded corners in my website is it the reason for non compatible with IE issue?

  15. richarduk
    Member
    Theme Author

    Posted 1 year ago #

    <really i prefer rounded corners and i used rounded corners in my website is it the reason for non compatible with IE issue? >

    Yep - I should have made it plain in my theme that IE 8 and downwards don't support CSS rounded corners. IE9, however, does. IE8's days are numbered.

    You should be able to increase the height of the containing div for the top menu using something like this at the bottom of style.css

    .top-navigation {
    min-height:100px;
    }
  16. richarduk
    Member
    Theme Author

    Posted 1 year ago #

    Marked as resolved

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.