Why cant i make the feature ad slider photos bigger?
Hi im not so good at this but i can say is i am getting better, i have learnt so much through this blog, huge thanks. Anyways i wanted to make the photos in the feature slider bigger and i believe i followed the mods & tutorial mentioned here but i still have no luck.
My site is
www.isavu.com
I have seen some differences but the photos remain the same sizes. I have re uploaded them an even used regenerate thumbnail plugins but still size hasnt changed.
Is it because im using style.css rather tan style master css?
Below s a copy of the md im using from previous topic
The height of the featured box can be adjusted per your liking, but here is the combined code that BlueCafe and myself were able to modify:
Edit /styles/master.css:
Step 1: Line 154
Code:
.content_res .shadowblockdir { height:200px; padding:8px 15px 5px; background:#fff url(../images/block_topbg.gif) repeat-x top; border:1px solid #fff;}
Step 2: Lines 125-140
Code:
/* featured listings homepage carousel */
#list { width:907px; margin:0 auto}
.slider { float:left; left:-5000px; margin-left:15px; position:relative; /* visibility:hidden; */}
.slider ul { height:140px; width:600px; text-align:center;}
.slider ul li { padding:5px 15px; height:140px; width:140px;}
.slider ul li a {text-decoration:none; font-weight:bold; text-align:center;}
.slider ul li a:hover {text-decoration:underline}
.slider ul li:hover { background-color:#F2F2F2}
.slider ul li img { cursor
ointer; margin: 0 auto; display:block;}
span.price_sm { font-size:13px; color:#000000; font-weight:bold;}
span.feat_left { text-align:center; width:140px;}
span.feat_left a {width:110px; height: 90px; display: block; margin: 0 auto; }
#list li p {display:block; margin:0px; text-align: center; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */}
.captify { border:1px solid #CCC; margin:0 0 0 0px; padding:2px;}
.prev { cursor
ointer; float:left; padding-top:50px}
.next { cursor
ointer; float:right; padding-top:50px}