Need some help with vertical spacing

  • Resolved dorfdimpaler

    (@dorfdimpaler)


    8 years, 8 months ago

    I’m having a problem with the slideshow.
    http://genesis9.angzva.com/
    — scroll down a few entries and you’ll see my problem

    I have a weblog that gives a lot of how-tos on whitetail deer hunting. Lately, I’ve been including a lot of photos showing treestands– (think tall skinny pictures ) mixed in with wide photo panoramas. The slideshows are causing all the text to re-arrange themselves on the page. Readers are getting headaches. I need to come up with a fix.

    Is there a short code to set the vertical height of the pictures? If they were all the same height, I’d be fine.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • FGBmaster

    (@fgbmaster)

    8 years, 8 months ago

    You should post a new link with public permissions.

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    8 years, 8 months ago

    I’m sorry. I don’t understand. What I posted was the front page of my public weblog.

    Are you having a problem getting to it?

    FGBmaster

    (@fgbmaster)

    8 years, 8 months ago

    I’m getting an error 403: access denied

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    8 years, 8 months ago

    Where are you? I’m limiting access to CONUS and a few English speaking countries.

    FGBmaster

    (@fgbmaster)

    8 years, 8 months ago

    I’m in Germany, OpaJaap in Netherlands, so he can’t see your page too.
    Do you already know the setting in table II-B2 in the settings screen? You can set the maximum height of the slideshow.

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    8 years, 8 months ago

    I turned off the IP blocker for a few days. I’ll check table II-B2 and see if that works.

    Sorry about the IP blocker, but there aren’t many folks anywhere but the USA that ever want to know about whitetail deer hunting in Ketucky.

    Thanks.

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    8 years, 8 months ago

    I modified II-B2.

    NoGo.

    The problem is that landscape photos vs portrait photos cause the text below to shift up and down. I need a way to fix the vertical height of the slideshow.

    By the time you get 2 or 3 posts down the page, all of a sudden the text is bouncing around so fast no one can read it.

    • This reply was modified 8 years, 8 months ago by dorfdimpaler.
    loosefast

    (@loosefast)

    8 years, 8 months ago

    Just about all photo display systems work best with UNIFORM size images.

    FGBmaster

    (@fgbmaster)

    8 years, 8 months ago

    I would try to give the container of the slideshow (<div id=slide-frame-3) a max-height attribute and a min-heigt attribute with the same value.

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    8 years, 8 months ago

    You’re talking to an old COBOL hack. I understand what you’re saying, but getting it done is a whole other thing.

    FGBmaster

    (@fgbmaster)

    8 years, 8 months ago

    Your slideshow beneath “LazyBoy is Up!” is wrapped in a div-tag like this:
    <div id="slide_frame-3" class="slide-frame" style="overflow: hidden; height: 244px; width: 450px; margin-bottom: 8px; margin-left: 0px;">

    It contains inline-css-attributes style="..."</style>, where you could add “min-height=250px;max-height=250px;” to force the height of the div-container (250px or what ever you like).

    You will have to find the file, where this code is created. Or add instructions to your css-file like this (will work for this div only):

    #slide_frame-3 {
    min-heigt:250px;
    max-heigt:250px;
}

    or like this (will work for all divs with the class “slide-frame”:

    div.slide-frame {
    min-heigt:250px;
    max-heigt:250px;
}

    Happy coding!

    • This reply was modified 8 years, 8 months ago by FGBmaster.
    FGBmaster

    (@fgbmaster)

    8 years, 8 months ago

    1. The code can be created in a post or site
    2. there are some typos in the previous post: it must be max-height and min-height
    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    8 years, 8 months ago

    Well, that certainly had this old coder stretch himself!

    I found a custom CSS section in the theme, and inserted your suggested changes.

    It’s fixed!

    Many, many thanks! You’ve earned yourself an invite to come deer hunting.

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

The topic ‘Need some help with vertical spacing’ is closed to new replies.