Author
Reply
  • #5196

    Attempt some minor customisations to have a small degree of uniqueness

    Thats a good thing – but surely you want to keep some consistency across the entire site?

    Learn about CSS

    Also very good. My recomendation is to get to grips with your browser’s “developer tools”. They are the absolute key to understanding what css is actually being used for any particular element.

    I like the clean lines of Verdana so wanted to see what that would look like

    Font family is set initially at the top of the style.css file with this:

    body {
    	color: #555;
    	font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	margin: 0;
    	width: 100%;
    }

    So to change it across your whole site just add this to mystyle.css

    body {
    	font-family: “Verdana, sans-serif;
    }

    or something similar.

    BUT, as is often the case there is a snag. If you use your developer tools you will see that the “body” tag for pages wrapped inside tabs is over-ruled by this:

    .ui-widget {
        font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
    }

    That is actually a form of bug. The .ui-widget is necessary but it should be the same as the body tag., and will be corrected at the next release. For now simply change mystyle.css to this:

    body,  .ui-widget {
    	font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    }

    or for your Verddana preference, this:

    body,  .ui-widget {
    	font-family: “Verdana, sans-serif;
    }

    Now you will have verdana across your entire site.

    Get some consistency between Stories, simple_pages and HTML blocks

    The above will help, but to reiterate, IMHO the aim should be consistency across the WHOLE site. Apart from poor design, anything else is more complicated and messy code. But even the standard themes could do with improvements in that regard 🙁

    Adjust my link URLs so that they can be seen without standing out too much

    All the same comments apply. The basic setting for links is in the style.css file, in lines 63 to 80 (the “a” element.

    Simply put them in mystyle.css with the different settings you want. BUT with links there may well be more elsewhere in the style.css file that you will also want to change. Again, the developer tools will help you work out what css is in play for any element you want to change.

    [NOTE: all above comments, especially line numbers, apply to the kiwitrees theme only. The principles will be the same for other themes, but the details definitely will not]

    Nigel
    My personal kiwitrees site is www.our-families.info