New Landing How can we help? Themeforest Theme Support Joyn Swift Slider font styling

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Joyn
  • #142413
    Feedsy
    Member
    Post count: 23

    How can I style the large font on the main homepage Swift Slider without using H1-H5.

    Currently using H5 but it is also used elsewhere on the site (eg it is too big for Recent Blog titles.

    The text code for the type is currently:

    <h5 style=”text-align: center;”><span style=”color: #fff200;”>¡Learn Drum-Tastic
    Latino Percussion!</span></h5>

    #142422
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .swiper-slide .caption-content div.caption-excerpt > h5 {
      font-size: 24px;
      line-height: 36px;
    }

    Change the values as you wish

    – Kyle

    #144719
    Feedsy
    Member
    Post count: 23

    Thanks

    #144743
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    #284181
    jgiitalia
    Member
    Post count: 69

    Dear Kyle,
    I have the same problem of Feedsy, I try your solution using h1, h2, to h5
    .swiper-slide .caption-content div.caption-except > h5 {
    font-size: 44px;
    line-height: 56px;
    }
    but nothing change, how can I know the style used by Swift Slider?

    thanks for your support
    Vincenzo.

    Attachments:
    You must be logged in to view attached files.
    #284186
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide specific page url with issue to check and resolve it.
    Thanks
    Mohammad

    #284335
    jgiitalia
    Member
    Post count: 69

    Hi,
    the URL is http://www.janegoodall-italia.org,
    and the problem is related to the 2 attach of my before item..

    Do you need more data?
    regards

    #284675
    David Martin – Support
    Moderator
    Post count: 20834

    Well, you have that set as p for paragraph so the above would not work.

    .swiper-slide .caption-content div.caption-excerpt p {
    font-size: 44px;
    line-height: 56px;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register