Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2822

    Hello, I need to make a few image caption changes. This is the site I am working on— http://robinleechrealestate.dreamhosters.com/.

    1) I need to just have the post title, no description, show as the image caption on the slider entries.

    2) I also need to, as you will see, change the height of the image caption, so it is only as high as the post title line. Now, it comes half the way up on the slider photo.

    3) I also would like to make the transparency background of the image caption not so dark, but more transparent so that it doesn’t completely cover up the bottom part of the slider entry.

    Thank you for your help!

    #39421

    1) Add following to style.css:

    .slidercontent{
    display:none !important;
    }

    2) The height of the image caption will decrease after hiding the slidercontent class.

    3) Search for following code in custom.js (located in a folder called “js”):

    backgroundOpacity:0.8,		// opacity for background
    transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']

    Change the value of “backgroundOpacity” to something between 1 and 0.

    #39422

    Have made the first change and see that the slidercontent is not showing BUT the height has not adjusted so that just the title is showing. Please advise as to how to make that happen.

    #39423

    1) Delete following code in style5.css:

    #top .feature_wrap .feature_excerpt{
    padding-bottom: 50px;
    }

    Then search for following code in style.css:

    #top .feature_excerpt{
    width:850px;
    position: absolute;
    display: none;
    bottom: 0;
    left:0;
    z-index: 3;
    padding:20px 30px 30px 30px;
    font-size: 11.5px;
    line-height:1.5em;
    }

    I.e. decrease the first and the third value (20px – top padding, 30px – bottom padding)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Image Caption modifications needed on Slider Entries’ is closed to new replies.