How to move up the caption in the slide show to be on top of the pictures

  • Unknown's avatar
    elissingapore · Member ·

    Hi,
    We’re currently using Sela theme.
    If you go to http://singaporewritingproject.com, you will see the slideshow with the caption displayed under the pictures. Can we move it up to be on top of the pictures instead?

    Besides, can we use Default template to have widgets on the side menu (same as other pages) but enlarge the slideshow to reduce the white space on the left? My pictures resolution is 1030x545px. Kindly advise if I need to change my resolution’s proportion or to higher resolution? Thanks.

    ELIS

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    Moving the caption can be done with this CSS:

    div.slideshow-slide-caption {
	top: -5px;
}

    To make the slideshow wider you need to first make the content area wider:

    .home .content-wrapper.without-featured-image {
	padding-left: 55px;
}

div#primary.content-area {
	width: 70%;
}

    Note that for more advanced CSS help it’s better to post directly in the CSS forums where you can get expert advice. I’m only able to help with the more basic stuff.

    https://en.forums.wordpress.com/forums/css-customization

  • The topic ‘How to move up the caption in the slide show to be on top of the pictures’ is closed to new replies.