Jump to content
Sign in to follow this  
suburbanite

Customizing Quick Slider

Recommended Posts

suburbanite

I am trying to change the size and remove the shadow from the Quick Slider section of my site. I would like the slider to be taller and not so horizontal. I have tried to use the Inspect Element function in Chrome to find where the code for the shadow and the overall dimensions of the slider are so I can change them, but there's so much code and I'm new to web design, so I have no idea where to start. Thank you advance for your help! 

 

The site is here:

http://angelawdesign.com/

Share this post


Link to post
Share on other sites
suburbanite

FYI, taking the site down for now, but the Quick Slider I'm using is just straight out of the box. There is a gray shadow around the entire slider I'd like to get rid of and I'd like increase the height of the whole thing.

Share this post


Link to post
Share on other sites
Rob

The shadow can be removed using CSS, which you can find with tools like Firebug for Firefox or Chrome's Inspection Tool. The key with these tools, is to use the menu of layers over the HTML area, which displays different elements of CSS in the right side CSS box.

 

The height of your Quick Slider is based on the height of the image. If you add a 400px high slide, it will appear 400px high, however, I strongly recommend that you keep all the images consistent in height.   The slides should also size to the width of the image as well.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
suburbanite

Thanks Rob! 

Share this post


Link to post
Share on other sites
Rob

You're very welcome


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • janpeeters
      By janpeeters
      Hi all,
      I was totally excited to find out about 'CSS Hero' (http://www.csshero.org) I read about it in the compatible plugins section of the PL5 docs (http://www.pagelines.com/resources/compatible-plugins) For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • abuzzelli
      By abuzzelli+
      I need the modal popup background to be solid and I can't get the css to work. Not sure what to do. Here's the page: http://bellissimoplasticsurgery.com/breast-augmentation-test-page/
    • evasnijders
      By evasnijders
      Dear fellow forum members,
      It has been months, if not years, since I got the latest DMS version. And I haven't been able to get myself to install it on my blog...
      A few months ago I took on a new job and I now know for sure I will never get to it.
      So, my question: is there anyone out there who is experienced with DMS and would be willing to do this for me.
      In all honesty, I will need help with everything, from rethinking the content (structure), to deciding on illustrations and colours. 
      I am though, willing to pay for this.
      Thanks in advance for your kind answers.
      Eva
      www.evasnijders.com
       
       
       
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • kellid
      By kellid
      Hello!
       
      Wondering how I can have only 4 posts show in the Masonic section?  I've tried going by category but it still adds an additional post.  Any help is greatly appreciated :) Thanks!
       
      Kelli D
      SolarConnect.Us
×