Editing the Header

  • Resolved rocketllama

    (@rocketllama)


    15 years, 10 months ago

    Re: https://www.actionflickchick.com/superaction

    I’m adapting a header to meet our needs. I replaced the image with one that’s not the same size vertically. How do I make all that gray space under it disappear?

    How do I hide the gray words Action Flick Chick that are floating in front of our logo without screwing up the title in page properties?

    Something I did to the header made the right sidebar move to the lower left corner of the page.

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

    (@rocketllama)

    It may look cream instead of gray depending on your browser.

    Thread Starter rocketllama

    (@rocketllama)

    1. Forget making the gray/cream empty space disappear. I would instead like to learn how to insert this table there under our logo and above the Home/About bar: https://actionflickchick.com/components/10_movie_posters.htm.

    2. I still need to remove the floating gray/cream words that say Action Flick Chick in front of our logo.

    3. I still need to put the right sidebar back on the right (as opposed to its current location in the lower left corner.

    Thread Starter rocketllama

    (@rocketllama)

    Still need help!

    Okay, let’s look at this one thing at a time. Find the following code on line 50 of style.css:

    #header { float: left; width: 1000px; height: 250px; background: #e0dcc5 url(images/header.jpg) no-repeat; padding: 0; margin: 0 auto 0 auto; }

    and change the height: 250px to 142px

    See if that fixes the gray area below the header.

    To remove Action Flick Chick, find the following code in style.css on line 51:

    #header h1 { padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 38px; text-align: left; }

    and add display:none; to the line, so it looks like this:

    #header h1 { display:none; padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 38px; text-align: left; }

    As far as the right sidebar goes, it looks to me like it is on the right…I don’t see it in the lower-left corner. It looks like you have a right and a left sidebar in use.

    Thread Starter rocketllama

    (@rocketllama)

    Okay, I still have to figure out what’s wonky with the sidebar, but the other two suggestions worked. Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Editing the Header’ is closed to new replies.