Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #10766

    How does one make changes to the content slideshow (referring to the slideshow shown on the “Advanced Shortcodes” page on the theme demo)?

    Looking to do the following:

    1. Remove border

    2. Change background color

    3. Change size

    #69309

    Hi cmagliane,

    1 and 2) Add the following to your the style#.css you are using (so style1.css if you are are using the style1). The files are in the css folder of the main theme.

    #top .entry .feature_wrap {
    background-image: none !important;
    border: none !important;
    background-color: #333
    }

    The color is done with a color code. See: http://www.w3schools.com/css/css_background.asp

    3. The size can be changed with the actual shortcode. See the documentation that came with the theme, specifically B-11

    There are lots of built in changes you can do with the shortcode so play around with it and just about anything else can be done with CSS.

    Regards,

    Devin

    #69310

    Edited the shortcode as follows:

    [slideshow height=’528′ width=’940′ transition=’slide’]

    However, the image is being cropped to a much smaller size, no matter what dimensions are added.

    Complete shortcode:

    [slideshow height=’528′ width=’940′ transition=’slide’]

    [slide src=’http://evolcdarm.com/wp-content/uploads/evo-billboard-ergo-made-beautiful.jpg’]

    [slide src=’http://evolcdarm.com/wp-content/uploads/evo-billboard-cable-mgmt.jpg’]

    [slide src=’http://evolcdarm.com/wp-content/uploads/evo-billboard-better-balance.jpg’]

    [/slideshow]

    The above code results what can be seen in the attachment…

    screenshot20120328at340.png

    #69311

    Just for clarification. You can’t change the slideshow size by using shortcode parameters. The width/height values just affect the transition but not the slideshow size. The default slideshow image size is: 576x260px but you can change it in style.css by adjusting following code:

    #top .medium_sized_slider, #top .medium_sized_slider .featured {
    height: 260px;
    overflow: hidden;
    position: relative;
    width: 576px;
    }

    #69312

    Ah ok, got that working.

    How do I get the radio buttons/controls to appear?

    It would appear I need to look at the style.css and currently it reads:

    #top .entry .slidecontrolls {

    bottom:-12px;

    left:4px;

    position:relative !important;

    z-index:10;

    top:auto;

    }

    Page in question: http://www.evolcdarm.com/pole/

    #69313

    Hey!

    Try to add following code to style.css:

    .slidecontrolls{
    display: block !important;
    }

    Best regards,

    Peter

    #69314

    That worked, thank you.

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

The topic ‘Content Slideshow customization’ is closed to new replies.