How do I chnage the font size on the head slider text

  • I am having difficulty changing the size of the font on the head slider text. I’ve obviously gone to the font menu on the customize bar but i have not seen what i need in order to change the size. Please advise, thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,
    you can add this css code below using custom css plugin:

    .text-slider .maintitle {
    font-size: 60px;
}

.text-slider .subtitle {
    font-size: 40px;
}

    you can adjust the value of font-size in above as you need

    Hi!
    I used the code mentioned above it does great and change the font size on the slifer but its not responsie. it looks great on a pc but when i reduce the size it won’t respond liek the rest of the website. what should I do? or am I doing something wrong ?

    Hi,

    To working with responsive views, you need to use CSS media query, here is some CSS media query code:

    @media screen and (max-width: 767px){
  .text-slider .maintitle {
    font-size: 60px;
  }

  .text-slider .subtitle {
    font-size: 40px;
  }
}

@media screen and (min-width: 768px){
  .text-slider .maintitle {
    font-size: 60px;
  }

  .text-slider .subtitle {
    font-size: 40px;
  }
}

    And still, you need to adjust the value of the font-size from the code in above.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I chnage the font size on the head slider text’ is closed to new replies.

Tags