Home / Forums / DynamiX Support / add image frame effect to post gallery slider

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

  • isiwebsolutions
    Participant

    I would like to add the image shortcode [imageeffect type="frame" to my post gallery slider featured on my home page.

    Thanks in advance for your help

    Andy
    Andy
    Keymaster

    Hi,

    Unfortunately this isn't really possible with options – you'll need to add custom CSS to achieve this. How good are your CSS skills?


    isiwebsolutions
    Participant

    Not bad, I'm a web designer, so I am sure if you pointed me in the right direction I could do it. Thanks

    Andy
    Andy
    Keymaster

    Hi,

     

    The code for the frame is as follows

     

    .imagewrap.frame {

     background:url(images/gradient-g.png) repeat-x top !important;

     padding:9px 10px 7px 10px;

     border:1px solid #dfdfdf;

     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

     box-shadow: 0 1px 2px rgba(0,0,0,0.1);

    }

    You'll need to add this CSS to the image – which slider are you using? 

    example for shortcode group slider – I haven't tested but that should work, may require a bit of tweaking. 

    .post-slider .gridimg-wrap {

     background:url(images/gradient-g.png) repeat-x top !important;

     padding:9px 10px 7px 10px;

     border:1px solid #dfdfdf;

     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

     box-shadow: 0 1px 2px rgba(0,0,0,0.1);}

     

     

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

You must be logged in to reply to this topic.