Sticky Post Slider

  • I am using Pinboard theme, and the slider/sticky post is way too large on my site – it takes up the entire page. I would like it to give me the option of cropping so that the size of the slider is only a third of the page, like in the example.

    Can anyone help with this issue? My website is https://www.streetcollage.co

    You can see how large it is. I do like the slider feature but would like it to be a lot smaller, still stretching the width of the page.

    Many thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you know where to add this;

    .slides {
 height: 200px;
}

    Thread Starter streetcollage

    (@streetcollage)

    Where do I add this?

    I have tried to resize images but it doesn’t work to the 1140×395, but I’d rather have the theme crop the image (and me reposition) anyhow, since all images do not work at this size.

    Thank you for your help!

    Thread Starter streetcollage

    (@streetcollage)

    Thank you, I added this to my CSS sheet and it cropped the image. Can I reposition the cropped part? Can you please visit my site to see how the cropped image is only the top of the photo? I would like it to reposition and this will be a problem for all photos.

    Is there coding for this?

    Thank you!

    This worked for me as well. I had to resize some of my photos but that was all. I went with 300 pixels.

    I placed this code in the slider.php file found under the editor tab in the left hand column (click on Appearance). Just do a search (Ctrl+F) for “.slides” and place it after the first instance. You may need to remove the comma but not sure.

    Argh.I meant style.css not slider.php

    Thread Starter streetcollage

    (@streetcollage)

    Thank you! Do you know how I can get my top image to be bigger? The default is to just show a sliver up top (if you go to my site, it is grey with colorful dots). I’ve looked in my Editor and I can place the image size up top. I’d like to make it bigger and have less of an empty space.

    Alexander

    (@alexanderbepunkt)

    Hi streetcollage,

    Try to add “px” to your css definition, e.g. height=”96px”

    For to have less of an empty space i wrote a tutorial, which might help you:

    https://www.mouseclick.com/tutorials-2/adjust-header-image/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sticky Post Slider’ is closed to new replies.