• Resolved dorfdimpaler

    (@dorfdimpaler)


    I’m having a problem with the slideshow.
    https://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)
  • You should post a new link with public permissions.

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

    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?

    I’m getting an error 403: access denied

    Thread Starter dorfdimpaler

    (@dorfdimpaler)

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

    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)

    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)

    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 7 years, 1 month ago by dorfdimpaler.

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

    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)

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

    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 7 years, 1 month ago by FGBmaster.
    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)

    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.