My website, http://www.pointshavingfordummies.com is using the Precious Lite Pro template. I like the theme, but I would like for the slider on the home page to be smaller. Can you help me change the code? Right now those slider images are 1440X700. I would like to keep the same proportions, but would like the image approximately 75% of the size. It just takes up too much room on the home page. I looked through the css and was looking at the following:
#slider{ max-width:1400px; margin:0 auto; padding:0; position:relative;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative;}
#slider .top-bar h4{ border-radius:5px 5px 0 0; padding:25px 25px 0 25px;text-transform:uppercase; font:400 20px ‘Roboto Condensed’;}
#slider .top-bar h2{font:700 40px ‘Oswald’; padding:0 0 5px 25px; text-transform:uppercase; line-height:55px;}
#slider .top-bar p{ color:#ffffff; font-weight:400; margin:0 0 10px 0; line-height:20px; padding-bottom:15px; padding-left:25px; border-radius:0 0 5px 5px; font:12px/20px arial;}
I’m no coding expert, so I’m not 100% sure what to change.
.
