Return to previous page

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, 9 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.

    #318329 Copied Theme version: 8.1 WooCommerce version: 5.9
    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,

    #318337 Copied
    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

    #318351 Copied
    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,

    #318353 Copied
    Avatar: Niddy
    Niddy
    Participant
    February 25, 2022 at 12:43

    Perfect thank you very much 🙂

    #318425 Copied

  • Tagged: , , , , ,

  • 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme

See All Templates

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