Can footer widget space be tinkered with CSS?

  • Unknown's avatar

    Forgive me, I am new to this stuff and still learning what can and cannot be changed via the CSS coding.

    The douroprimerecreio blog referenced (still private – so I don’t know if you can see it?) uses the Triton Lite theme, and I have purchased the CSS upgrade and done what I needed to with colours. Great!

    But… the theme has an option for widgets in the footer space and from what I can see in the theme overview page Triton Lite Theme Page WP it seems roughly-side-bar-width widgets would just line up 4 across the width of the footer space. When I tried the Image widget in the footer space my photo (which was header sized) reduced to roughly one-quarter the page width left-justified in the footer space. Which I suppose I would expect given theme page examples.

    What I would like to do is use the footer space for another image – like the header image, full width but maybe shorter height. Is making my image widget in the footer space full-width (960 px wide) possible, or not? If it is… how, please? Thanks.

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

  • Unknown's avatar

    Hi,

    with some CSS tinkering, it should be possible. Do you want to use the footer space *solely* for that full-width image, or do you want to use the footer space for another things, too?

    I’m asking first because the CSS code can be far simpler to work on if you want to use the footer widget areas just for that one image.

  • Unknown's avatar

    Oh good! Solely for one image, no other widgets (I use the sidebar for the rest). Also I know I will want the footer image to be not as dominant as the header, so would want certainly not so tall, but possibly also not full width – maybe 750 px but centred in the space, or something like that. I won’t be sure till I see how things look and can play with the photos. fyi if it helps or matters: standard header for triton is 960 x 270 px, also I am using a black background #171717 throughout the site, so would want that to prevail “behind” the photo too if I ended up downsizing the photo to less than full width.

    thanks very much!

  • Unknown's avatar

    Hi, the following will make the image widget you have now in the footer widget area 960px wide. The code specifically targets that image widget by ID#.

    #image-2 {
        width: 960px;
    }
  • Unknown's avatar

    It worked! and now I decided to reduce the size of the photo and am tinkering with margin coding, but I think I am now on my way, thank you very much!

    btw – I miss your Sacred Path blog…

  • Unknown's avatar

    You are welcome, and yes, I know my blog is very neglected. I need to find some time to post some new stuff on it. I have ideas, but little time it seems. :(

  • Unknown's avatar

    Huge sympathy – I’m in the same place. Good luck and I hope you do find time, I miss it. Thanks again for the help. Take care

  • Unknown's avatar

    You are welcome and good luck with yours too.

  • The topic ‘Can footer widget space be tinkered with CSS?’ is closed to new replies.