changing width of footer in chunk theme

  • Unknown's avatar
    ladyelectronica · Member ·

    I am wondering how to change the width of the footer in chunk. I have changed the width of the header and changed the left column width, but can’t seem to change the footer width. I have another sponsors logo to put in the footer and can’t fit it with the current width of the footer.

    An alternative would be to put the links for facebook/soundcloud/myspace in the header – but I’m not too sure it’s possible with Chunk Theme.

    http://www.ladyelectronica.com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Ummm, the footer seems the least of your worries at the moment.

    The footer can’t be increased in width till its parent element is increased in width. You first have to in crease #container. Then you increase #footer.

    Do you realize that 80% of web user’s monitors are narrower than the 1400px width you seem to be aiming at, correct? In fact, 21% are still on 1024px wide monitors. People don’t like scrolling horizontally to see an entire web page, and they certainly don’t want to have to scroll left and right to read text on a website.

    Just sayin’

  • Unknown's avatar
    ladyelectronica · Member ·

    Good point. I didn’t realise that. Any idea how to move the widgets into the side bar of header in between the sub title and menu?

    It seems there is only room for three text boxes in the footer without it going down to a second line.

    Thanks for your help.

  • Unknown's avatar
    ladyelectronica · Member ·

    p.s. I changed the size of the header etc back to 780.

  • Unknown's avatar
    thesacredpath · Member ·

    On the width, you need to change here back to 780px as well

    .page .hentry .main {
width: 780px;
}

    Individual widgets could be targeted and moved up in between the menu and site description. I would suggest whatever you decide to put up there, make them short so that they don’t push the content too far down.

    If you want to put those into the bottom bar and then identify theme here, and tell me where you want them across the top (left, right, center) I can work at getting them up there for you a little later.

  • Unknown's avatar
    ladyelectronica · Member ·

    The problem for me really is that I want all of the widgets in the footer to appear in the same line. I have one more logo to add that is currently not on the website. When I do this, one of the text widgets moves down a line and it doesn’t look very good.

    I’m using the Chunk theme. So I thought there are two workable alternatives:

    1. Move the three widgets that are currently in the middle of the footer in between the menu and site description. These are the three pictures to facebook/myspace/soundcoud. I would like these aligned to the center.

    I would then have enough room to put the third logo into the footer.

    2. Another option – and I would take this if the 1st option moves the text down too far – is to display these three widgets vertically in the side bar.

    I hope that makes sense.

  • Unknown's avatar
    ladyelectronica · Member ·

    p.s. I’m still a bit stumped about how to fix this page.

    http://ladyelectronica.com/artists/

    I’d really like to move these pictures closer together, but can’t. I’ve put in a html table, but that seems to spread them out a lot. If you’re able to help with that as well I’d be grateful.

    Cheers,
    Carly

  • Unknown's avatar
    thesacredpath · Member ·

    For the artists page add the following to the end of your CSS. This specifically targets the artists page only.

    .page-id-6 .entry-content tr td {
padding-left: 0;
padding-right: 0;
}

    I’ll work on the widget issue in a few minutes.

  • Unknown's avatar
    thesacredpath · Member ·

    Give this a try and see what you think.

    #container {
position: relative;
}

#menu {
margin-top: 60px;
}

#text-3 {
position: absolute;
top: 140px;
left: 34.5%;
}
  • Unknown's avatar
    ladyelectronica · Member ·

    Hey,

    The first bit worked on the artist page. Thanks that’s been bugging me for ages.

    When I did the second bit it made the text widgets at the bottom appear funny. I changed them so that the first 3 had the logos and the 4th widget has the facebook links etc.

    I then changed the part in your CSS code from “#text-3 {” to “text-4 {” and it didn’t work.

    Do you know what that’s happening?

    Thanks again.
    Carly

  • Unknown's avatar
    ladyelectronica · Member ·

    I’ve put the l QUT logo and the links on the second text box for now… Just assuming I won’t hear back until next week.

    But I’d like to put the links to facebook etc in box 4 and have that appear between the header and menu.

    Cheers and thanks for your help.

  • Unknown's avatar
    thesacredpath · Member ·

    You need to move the social icons into their separate widget so I can work with it. Right now the second logo would move up to the top as well.

    You have to actually look at the source code and get the ID# for the text widget you want to move. They are not necessarily in order numerically (7 can be to the left of 3 and 1 to the right of it). It doesn’t have to do with location or position.

  • The topic ‘changing width of footer in chunk theme’ is closed to new replies.