How to change the font styling of Hype slide content

You can change the font styling of the Hype slider content. This tutorial will show you how:

1) Click here to open your Weebly editor
2) Click on “design” then into “edit html/css”
3) Click into “main_style.css” and locate this code:

.S-slider-text li {
padding: 35px 20px 20px;
height: 395px;
width: 190px;
font-size: 24px;
line-height: 28px;
z-index: 2;
position: relative !important;
}

4) Change the font size by editing the code highlighted above: font-size: 24px;

5) You can add font styling css codes to customize the font family, font-weight and font color.

.S-slider-text li {
padding: 35px 20px 20px;
height: 395px;
width: 190px;
font-size: 24px;
color: #ffffff;
font-weight: normal;
font-family: “Open Sans”, sans-serif;

line-height: 28px;
z-index: 2;
position: relative !important;
}

  1. Font color: color: #ffffff; – You can choose your hex color code here: colorpicker
  2. Font weight: font-weight: normal; – You can choose light, normal or bold for your fonts
  3. Font style: font-family: “Open Sans”, sans-serif;

Once you are happy with your change, save & re-publish your site for the change to take effect.

Tags: