Forums

[resolved] Editing the Header (7 posts)

  1. rocketllama
    Member
    Posted 3 years ago #

    Re: http://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.

  2. rocketllama
    Member
    Posted 3 years ago #

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

  3. rocketllama
    Member
    Posted 3 years ago #

    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: http://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.

  4. rocketllama
    Member
    Posted 3 years ago #

    Still need help!

  5. figaro
    Member
    Posted 3 years ago #

    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.

  6. figaro
    Member
    Posted 3 years ago #

    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.

  7. rocketllama
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic