CSS in Modified Kubrick Questions

  • livinginstereo

    (@livinginstereo)


    19 years ago

    Hi. I’ve created a wordpress blog for a friend at this location:

    https://www.livinginstereo.com

    I’ve modified a theme called Stylish Blue Modern from the Alex King directory. I take it this theme is a modification of Kubrick.

    Three questions: I’ve been trying to expand the width of my template, not counting the background. I’ve tried making the header, content and footer gifs wider, but that doesn’t work. And I’ve tried other adjustments and I’m just lost. Anybody know how to widen this template?

    Also, a related question, I’d like to make my header taller, but again, I can’t figure out how to do this. Modifying the header.gif beyond the established px dimensions that came with the theme doesn’t show up.

    And if I want to make the header.gif clickable so that clicking on it returns the user to the main page, how do i do that?

    Thanks, from a total CSS newbie!

    Roy

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter livinginstereo

    (@livinginstereo)

    Arrgh, that headline should read Kubrick not Kubirk!

    red-star

    (@red-star)

    /* Begin Structure */
    body
    margin: 0;
    padding: 0px;
    width: 780px;(here you can se the width)
    header
    padding: 0px;
    margin: 20px;
    height: 200px;
    width: 760px;(here you can set the width)

    You may also play a little with this
    header { margin: 0 !important; margin: 0 0 0 1px; padding: 0px; height: 70px; width: 760px; }

    Thread Starter livinginstereo

    (@livinginstereo)

    Yeah, I’ve changing those dimensions, but they don’t seem to make anything wider. I wonder if I’m running into a Tag problem. At the bottom of my style.css file I have this:

    /* Begin Various Tags & Classes */

    acronym, abbr, span.caps {

    cursor: help;

    }

    acronym, abbr {

    border-bottom: 1px dashed #999;

    }

    blockquote {

    margin: 15px 30px 0 10px;

    padding-left: 20px;

    border-left: 5px solid #ddd;

    }

    blockquote cite {

    margin: 5px 0 0;

    display: block;

    }

    .center {

    text-align: center;

    }

    hr {

    display: none;

    }

    a img {

    border: none;

    }

    .navigation {

    display: block;

    text-align: center;

    margin-top: 10px;

    margin-bottom: 25px;

    }

    /* End Various Tags & Classes*/

    I wonder if I need to add something to or modify the Navigation tag?

    Thread Starter livinginstereo

    (@livinginstereo)

    OK, I think I figured out how to make things wider, but I still can’t change the height of the header. Also, anybody know about the code for making my header.gif clickable so it can send folks back to the Home?

    red-star

    (@red-star)

    When you want to change the height of the header, you have to look how big your image is. When you want to make it for example 350 px but the image is only 300 px, it wil stil display 300 px

    Thread Starter livinginstereo

    (@livinginstereo)

    OK, finally figured it out. I had been misinterpreting the following note in the style.css file:

    *** REGARDING IMAGES ***

    All CSS that involves the use of images, can be found in the ‘index.php’ file.

    This is to ease installation inside subdirectories of a server. */

    However, the note neglected to mention that I had to edit the header.php file, not the index.php file. I changed the dimensions in the header.php and got the header to the desired size! Yay!

    Now if someone could just explain how to make my header.gif clickable to send people back to home when they’re exploring the site!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS in Modified Kubrick Questions’ is closed to new replies.

Tags