Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10916

    Hey I’m looking through the CSS to see if I could add some Drop Shadow or possibly Floor Reflections to the Slideshow of the Angular theme. Others have asked the same about other themes but I can’t seem to find the same files in this theme.

    As 1 additional query, 1: is it possible in Angular to only view the Footer on the front page? This has been asked for other themes as well but with solutions not applicable to Angular.

    You can check out my site @ http://www.cambranddesigns.com

    Regards

    #69823

    Hi dcambrand,

    You can try adding the following to your Quick CSS or custom.css and adjust to your liking :)

    #top .slideshow {

    -moz-box-shadow: 3px 3px 4px #000;

    -webkit-box-shadow: 3px 3px 4px #000;

    box-shadow: 3px 3px 4px #000;

    }

    Regards,

    Devin

    #69824

    Thanks for the tip. Will definitely check that out!

    Speaking of drop shadows. I am going for a boxed layout rather than the stretched one, and I wonder if there’s any way of adding a drop shadow to the box? This site is using a good example of that: http://www.freelancer.com/

    Thank you for the quick support, wonderful to see the ongoing task to serve customers.

    ps.

    If you haven’t noticed yet, I’m a complete noob in regards to .css or anything more advanced than creating simple html in a notepad ;)

    #69825

    Hey!

    Glad that worked for you. You can add the following as well and adjust the values to get the effect you are going for. I’ll include a link at the end with some additional helpful info:

    .boxed #wrap_all {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    }

    Box shadow with css: http://css-tricks.com/snippets/css/css-box-shadow/

    Regards,

    Devin

    #69826

    Hello! I’m looking for the same thing, and I added the code you have above:

    .boxed #wrap_all {

    -moz-box-shadow: 4px 4px 4px #000;

    -webkit-box-shadow: 4px 4px 4px #000;

    box-shadow: 4px 4px 4px #000;

    }

    It just gives a shadow on the right (like a drop shadow). Can you please tell me how to make that go all the way around?

    Thanks so much!

    #69827

    Hi mebebrown,

    Try to use this code:

    .boxed #wrap_all {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    }

    Hope this helps. Just adjust it a little bit and also the color.

    Regards,

    Ismael

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

The topic ‘Angular: Make Slideshow cast Drop Shadow’ is closed to new replies.