Home /
Expert System /
Full-width Magento template /
Amanda slider settings for Full-width Magento template v2

Amanda slider settings for Full-width Magento template v2

Please refer to the instructions "How to create slider", "How to insert slider" here

Width: 1900
Height: 520
Full-Width Mode: On

Here is the example setup of the Amanda slider from our demo. Feel free to make changes.

Delay: 9000
Transition Speed: 500
Transition Type: Cubic

Captions code example of the first slide Full-width template

Magento slider caption colors

There are predefined caption colors in the amanda.css file
[YourMagento]/skin/frontend/default/wp_full_width/css/webandpeople/advancedslider/amanda.css

fuchsia
blue
red
cblack
maroon
cwhite
gold

Magento slider caption sizes

slider_title01

slider_title02

slider_title04

slider_title05

slider_title06

big_white

medium_white

big_black

small_text

medium_text

There are predefined caption sizes in the skin.css file
[YourMagento]/skin/frontend/default/wp_full_width/css/skin.css

.slider_title01 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Oswald", "Impact", sans-serif;
    letter-spacing: -3px;
    font-size: 130px;
    line-height: 130px;
}
.slider_title02 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    letter-spacing: -5px;
    font-size: 95px;
    line-height: 95px;
}
.slider_title04 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Oswald", "Impact", sans-serif;
    letter-spacing: -3px;
    font-size: 130px;
    line-height: 130px;
}
.slider_title05 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size: 110px;
    line-height: 110px;
}
.slider_title06 {
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
    font-style: italic;
    text-transform: none;
    font-family: Times New Roman, serif;
}
.tp-caption.big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 600;
    font-size: 46px;
    line-height: 60px;
    font-family: "Oswald", "Impact", sans-serif;
    margin: 0px;
    padding: 0;
    border-style: none;
    background-color: transparent;
}
.tp-caption.medium_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    font-family: "Oswald", "Impact", sans-serif;
    margin: 0px;
    padding: 5px 10px;
    border-width: 0px;
    border-style: none;
    letter-spacing: 0px;
    border-radius: 2px;
}
.tp-caption.big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 600;
    font-size: 114px;
    line-height: 114px;
    font-family: "Oswald", "Impact", sans-serif;
    margin: 0px;
    padding: 0;
    border-width: 0px;
    border-style: none;
    background-color: transparent;
    text-transform: uppercase;
}
.tp-caption.small_text {
    position: absolute;
    color: #000;
    text-shadow: inherit;
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    font-family: Arial, sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    text-shadow: none;
}
.tp-caption.medium_text {
    position: absolute;
    text-shadow: none;
    font-weight: 500;
    font-size: 44px;
    line-height: 44px;
    font-family: Arial, sans-serif;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    text-transform: none;
    color: #000;
}

Magento slider buttons

There are predefined button style in the amanda.css file

[YourMagento]/skin/frontend/default/wp_full_width/css/webandpeople/advancedslider/amanda.css

This is a step-by-step guide on how to specify Magento Banner Slider Manager Extension settings in the Full-width responsive template.

Total Slider Manager is a premium Magento Banner Slider extension. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents.

Full-width is a responsive template with huge list of features includes a 5 key premium Magento extensions and 10 most popular free plugins and unlimited colors option. Design is intuitive and simple, making it easy for any visitors to find their way around your Magento store.

Go to contents Back to previous page

Tags:

Share on Facebook google icon

Share on Google

Twitter