Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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


    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:

    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.




    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=’ (Purchase code hidden if logged out) .jpg’]

    [slide src=’’]

    [slide src=’’]


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



    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;


    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 {



    position:relative !important;




    Page in question:



    Try to add following code to style.css:

    display: block !important;

    Best regards,



    That worked, thank you.

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

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