Documentation

« Back to Vistered Little Theme

Customising The CSS

Your best bet if you want to customise the theme's CSS is not to edit any of the style.css or style.css.php files. Instead create a directory in 'wp-content' called 'custom'. Within 'custom' create an empty text file file called 'style.css'. In the VL options page the is an option to specify a customisations directory, set this to '../../custom'. You should now be able to add CSS customisations to '/wp-content/custom/style.css' to change the way any of the elements are displayed. The real advantage of this approach occurs when you upgrade to the next version of VL, none of your customisations will be lost.

Adding a Wallpaper

When you add your own wallpaper, you need to create two files, the wallpaper itself and a thumbnail for the wallpaper. The wallpaper goes into the 'wallpapers' directory and the thumbnail goes into 'wallpapers/thumbs'. A wallpaper and it's thumbnail need to have exactly the same name, and the files must by jpegs.

« Back to Vistered Little Theme

7 comments.

  1. Comment on July 21st, 2007. Reply

    Hi,
    I am brand new to wordpress. Where is the VL options page located?
    thanks
    Judson Jennings
    Seton Hall Law School

    1. Comment on July 23rd, 2007. Reply

      The VL options page is located in the admin section, within the ‘Presentation’ menu. However, you’ll need the Presentation Toolkit Plugin installed in order to see it.

  2. branka
    Comment on October 10th, 2007. Reply

    hey, a question: the thumbnail doe nog work, I created thumbs with the same name as the full-sized wallpapers. and I’ve put them in /wallpapers/thumbs/. but still, the theme does not select my thumbs, but seems to create it’s own… any suggestions?

  3. Comment on November 6th, 2007. Reply

    Tom:

    This may answer a lot of my questions. With regard to the custom css file, do I just add new rules as opposed to an entirely new css file?

    Thanks again,

    Kris

  4. Comment on November 24th, 2007. Reply

    I created a thumb 20px by 20 px and a wallpaper 600px by 600px (using the same dimensions as the “flame” wallpaper).

    The thumb is displayed but it doesn’t show the corresponding wallpaper. I know they are in the proper directories and that they are named exactly the same.

  5. Psymin
    Comment on December 5th, 2007. Reply

    Charles and branka I was getting the same thing you are. I made the thumbnail and the JPG and the wallpaper wasn’t showing up. I went to some completely different website (google for instance) and then I cleard all my cookies and browsing history and reloaded the site I was trying to see the wallpaper on, and it worked. I did it twice with two pics and had the do the same thing both times so it should work. I had to tell everyone who goes to my site to do the same thing. Go to a completely different site, delete all their browser history and cookies and other stuff and come back to your site and it should work. But it should work fine for people who haven’t been to your site yet and/or after you let everyone know to clear their cache and stuff before they come to your site to see your new wall papers:) There is probably a much much easier way to do it but I haven’t seen anything yet so I’m going to keep checking back for the real answer. But for now this is a band-aid that got me going and I hope it works for you:)

  6. Ken Athas
    Comment on January 23rd, 2008. Reply

    Hi,

    Can I narrow the page width a little. I am using this in a Mambo fixed width template. I would rather not have to slide back and forth.

    Also, can the background be set to just one, or do the options stay for user interaction?

    Thanks,

    Ken Athas
    New to blogging…..

Leave a comment

Names and email addresses are required (email addresses aren't displayed), url's are optional.

Comments may contain the following xhtml tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>