header and slider question

  • Anonymous

    #1129

    Hi all, hopefully someone will be able to help me, I have two questions really.

    1. is there a way to remove the header completely? I want to incorporate my header into my background image, this is my site currently http://www.gloucestercityafc.com and I want it eventually to look something like this http://www.hullfc.com/home.aspx

    2. as you can see the headline text in my slider is underlined and looks a bit odd, is there a way to stop this?

    Any help would be most appriciated, many thanks, Matt

    Kim

    #14666

    While Looking at your underlined headline text in slider, still a mystery to me.

    I wondered if the blue border color in slider button is wanted, else 🙂

    .full-sized .block-button, .full-sized .block-button:visited {
    border-color: #999999;
    bottom: 10px;
    position: absolute;
    right: 10px;
    }

    Kim

    Mod

    Kenneth John Odle

    #14667

    If you have Photoshop and Adobe ImageReady you can take a 960px x 198px slice of the large image you want to use for your main background, save the slice as a jpg and use that for the background of your header. Make sure the CSS doesn’t have any borders.

    You can see their full size image here.

    But that not actually how they did theirs. They used the image above as a page background, and then didn’t include a header. They used CSS to format each of the images that appears in the pseudoheader, like this:

    #hulllogo
    {
    height: 165px;
    width: 129px;
    padding: 10px 10px 10px 45px;
    display: block;
    float: left;
    }

    That controls the Hull FC logo that appears at the left of the header.

    The maincontent (everything that appears below the newsticker) is controled by this CSS:

    #maincontent
    {
    z-index: 10;
    min-height: 250px;
    padding-bottom: 5px;
    }

    It’s not given a float like the other elements in the head, so it just follows after them in the “wrapper” div.

    I’m not sure that you could do something like this without using a child theme to better control what appears in the header. Any ideas, anyone?

    Ken

    Mod

    Kenneth John Odle

    #14668

    Or you could try using custom CSS to make the header transparent, but that doesn’t work in all browsers. Just an afterthought.

    tigermatty

    #14669

    cheers for the help guys 🙂

    tigermatty

    #14670

    If anyone can help with the slider headline underlined text issue it would be greatly appreciated, thanks!

    tigermatty

    #14671

    aha found it!

    .slider_post h2 a, .slider_post h2 a:visited {
    border-bottom: medium none;
    font: 22px lucida sans;
    }

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.