Unable to restore different headers per page with Custom Design

  • Unknown's avatar
    antiensayosperu · Member ·

    Hello everyone,

    I am relatively new with WordPress and I would like the help of more knowledgeable people on the subject.

    I am using the Mistylook theme and I had initially attached different header images for page through the Media Library menu. However, after buying the Custom Design upgrade (mainly to change inter line and paragraph spacing) I lost the attached images. I have already set up the main header image manually through the CSS file but I would like to know if there is a way to restore the different header images per page I originally placed. Mind you I do not own a domain and, hence, have no access to the theme .php files (the solutions I found on the web require that) and I only work with the online dashboard. I have no intentions to buy a domain in the near future since this is a pilot website.

    It is clear that buying the Custom Design upgrade had as many disadvantages as advantages which I was not aware of. I would really appreciate any help on the subject.

    Thanks in advance.

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

  • Unknown's avatar
    timethief · Member ·

    Did you delete the images from your Media Library?

  • Unknown's avatar
    antiensayosperu · Member ·

    I, first, tried to re-attach those files already in the Media Library. Next, I uploaded a couple of new images (with the exact size for a header) and tried to attach them to two pages with no success either. Should I reset all my images from the scratch?

    Thank you for your help.

  • Unknown's avatar
    designsimply · Member ·

    You currently have this in your custom css for Mistylook: 

    #headerimage {
clear:both;
background:#fff url('http://antiensayosperu.files.wordpress.com/2011/05/cropped-pot-banner-71.jpg') no-repeat 0 0;
color:#fff;
height:200px;
margin:10px;
}

    That code makes it so the header image is always http://antiensayosperu.files.wordpress.com/2011/05/cropped-pot-banner-71.jpg

    I would recommend removing that css and using the Random option in Appearance → Headers instead. There is not really a way that I can see to set a specific header image per page for Mistylook using css.

    You may have had some trouble with css because you tried copying the entire css stylesheet into your css editor. It’s easier if you just add in css changes rather than starting over from scratch with a full copy of the theme css like that. See this help page for more details: http://en.support.wordpress.com/editing-css/#maintaining-your-custom-header

  • Unknown's avatar
    antiensayosperu · Member ·

    Dear desingsimply,

    Thanks for your recommendation. Sorry for the late reply but I was away from town for a while. I removed the url address as you recommended and used the random header option but, in this case, no images appear. The CSS Custom Design option, it seems does not allow for other appearance instructions but those directly inserted in the CSS file. For example, if one does not specify the route for a header, the only image that appears is the default one or just blank. Will try my way around CSS again to see what it can be done.

    Thanks for your help

  • Unknown's avatar
    thesacredpath · Member ·

    You might want to return completely to the original design and then start again. Having the entire stylesheet in the edit box can cause some really strange things to happen, especially with some themes.

    Copy all the CSS that you put into the CSS edit window out and paste it into a plain text file and save it as a .txt file for safe keeping. Next remove all the CSS from the CSS edit window, make sure “add to existing…” is selected and then click save stylesheet. Now you are back to the original. See if that fixes the issue.

  • The topic ‘Unable to restore different headers per page with Custom Design’ is closed to new replies.