Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
How to change the font styling of Hype slide content

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: