- CSS
- copy the css from the demo.html
- test it out on the index.html with the script tag <style></style>
- remove image rule since we don't need to have the images at max-width
- copy + paste pagination elements, reindent
- refresh page
- Cupcake of the week - wrap properly
- R E M E M B E R B E L O W ! ! !
- SOL'N <div id ="intro-slider" class = "wmuSlider __grid_12 omega__">
- Animation is slightly moving the page up and down
- SOL'N add a height on the .wmuSlider css
- .wmuSlider { position: relative; overflow: hidden; __height: 310px;}
- .wmuSlider wmuSliderWrapper article { position: relative; <!--removetext-align: center;--> height: 310px;}
- Remove the bg then change the color of the pagination to light green. .wmuSliderPagination a {display: block: text-indent: -9999px; width: 10px; height: 10px; background: #4FB69F;
- Change the active pagination color also. .wmuSliderPagination a.wmuActive {background: #349C79;}
- SOL'N add a height on the .wmuSlider css
- To avoid the overlapping of the sliders, with both of them showing at one time, add setTimeOut() method on .fittext.
- setTimeOut(funtion(){ $(".fittext").fitText(2.2);}, 1);
- Pagination buttons are not aligned to center, & are still squares.
- SOL'N. Border-radius .wmuSliderPagination a {display:block; text-indent:-9999px; width: 10px; height: 10px; background: #4FB69F; border-radius: 5px; webkit-border-radius: 5px; -moz-border-radius: 5px;}
- .wmuSliderPagination {z-index:2; position: absolute; left: 20px; bottom: 10px;}
- mediaquery to resize pages
- @media screen and (max-width: 650px) { .wmuSlider {display:none;}}
jun 8 2013 ∞
aug 20 2013 +
aug 20 2013 +