Change size of icons in header slider promo text element on dark theme

This topic has 5 replies, 2 voices, and was last updated 2 years, 10 months ago ago by Niddy

  • Avatar: Niddy
    Niddy
    Participant
    February 24, 2022 at 14:21

    Hi

    Can you please advise the css / location to change the icon size of the top slider ‘Promo Text Slider’ element which is in the header of Dark Theme (i.e. the small slider showing promo text with icons set before it).

    I know the location of it and can use it but when I change the css for the icon it affects all svg icons in the header – so cannot add custom css to: “.et_b-icon svg”

    Thanks for any help.

    4 Answers
    Avatar: John Holden
    John Holden
    Support staff
    February 24, 2022 at 15:19

    Hello,
    Thank you for contacting us.
    Please provide us a live link to your site and then tell us what changes do you need exactly, we will check it and prepare the exact custom CSS code for you.

    Please keep us posted.
    Regards,

    Avatar: Niddy
    Niddy
    Participant
    February 24, 2022 at 15:51

    Hi

    I’ve explained above. Exact scenario on dark demo. You don’t need to check my site it’s on your demo lol 😉

    Thanks

    Avatar: John Holden
    John Holden
    Support staff
    February 24, 2022 at 16:18

    Thank you for your reply.
    You can use this CSS code.

    .et_promo_text_carousel .swiper-slide  svg{
        font-size:30px
    }

    Please keep me posted.
    Regards,

    Avatar: Niddy
    Niddy
    Participant
    February 25, 2022 at 12:43

    Perfect thank you very much 🙂

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Change size of icons in header slider promo text element on dark theme’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.