#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0

    Css placement, how to?


    Hi!

    On this page:
    Code:
    http://88.208.193.146/nieuw/
    I'd like the bit underneath the main image (in the header) to be a bit higher, just as on this page:
    Code:
    http://demo.rockettheme.com/joomla/cerulean/?presets=preset4
    Both pages use the same template. The difference is that my logo is a bigger (higher) image, so most of the rest of the content of the page has gone down.

    I've been trying things, but can't seem to work it out. I have to admit, I'm not much of a css wizzard.

    Does anybody here have an idea?

    Thank you very much!
  2. #2
  3. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    get in your stylesheet and change the following
    Code:
    #slideshow-spacer{height:380px}
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0
    Thanks!

    in fact, that's one I tried, but it wouldn't work as the height is set in the html, produced by the slideshow script. So I thought, let's see if I can change that. And it worked, I could change it from 430 to say 330. However, what happened was that the slide show wasn't as high (100px less of course) but everything underneath just moved the same amount of pixels up. So in the end, the result visually is the same (with a less high header image).

    What I'd like is everything underneath that picture to move up, while the stuff at the top remains how and where it is.

    But really, I do appreciate you taking the time to try to help me, so thanks a lot!
  6. #4
  7. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    than try:

    Code:
    #rt-transition {
        position: relative;
        top: -55px; /* added */
        z-index: 1;
    }
    P.s. nice spot to live btw

    Comments on this post

    • lexthoonen agrees
    Last edited by aeternus; February 6th, 2013 at 11:21 AM.
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0

    Talking


    Now that was spot on, worked like a charm!

    Thanks a lot!! It's great to know there's this place for my css troubles

    And, yes, you're right, I live in a privileged spot on this planet. Could be even more beautiful, but we don't have crazy illnesses or so etc etc

    Here are some pictures of this evening, right after my run and splash in the sea:
    Code:
    https://www.facebook.com/GranCanariaInfo
    Thanks again!
  10. #6
  11. For POny!
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2012
    Location
    Amsterdam
    Posts
    416
    Rep Power
    115
    your welcome

    Have fun!

IMN logo majestic logo threadwatch logo seochat tools logo