Multiple Questions

  • Resolved dreubens81

    (@dreubens81)


    10 years, 11 months ago

    Hello all,

    I am trying to get my website to have the same layout as on the theme

    preview photo. I am having a few problems and would REALLY appeciate it if

    someone can help me out, i am sure it is fairly simple to get what i need

    but i am going round in circles

    http://181.224.143.214/~clashing/wiltonlandandtrees.co.uk/

    1) My “icons” just float in the middle of my photo. I want the icons to be

    below the photo, in the footer area perhaps. (it looks even worse from

    safari on iphone)

    2) What is the large white space below the footer and how do i get rid of

    that? (although this white space is not showing on iphone safari)

    3) How do i make my background photo take up more of the screen? and also

    how to change what part of the photo it shows? (if you resize the browser

    window in windows it shows a different portion of the photo)

    4) Maybe i have set the photo up wrong? If you naviagate to any of the

    other pages you can see the bands of colour. So top to bottom is Menu,

    Header, Body, Footer?? and then i dont no what that white space at the

    bottom is.

    Sorry that this is a bit rambling but there are a lot of niggles i am

    trying to sort out. I would REALLY appeciate some help guys.

    Many thanks
    Darryl

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    10 years, 11 months ago

    Hi Darryl,
    1. I’m seeing the icons below the photo. What browser are you using? How are you wanting it to look in mobile view?

    2. Not seeing this either. Have you tried clearing your cache?

    3. You haven’t added a background image? You can do this in theme options > basic styling and set the background size to cover.

    4. The footer float up because there’s not enough content on the page. This should keep it down:

    @media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 65px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

    Just paste that in your custom css box in theme options > advanced settings.

    Hope that helps!
    Hannah

    Thread Starter dreubens81

    (@dreubens81)

    10 years, 11 months ago

    Thanks a lot for your help Hannah.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Multiple Questions’ is closed to new replies.