Okay
  Public Ticket #2639733
Font size change in "scrolling text" not working
Closed

Comments

  •  3
    fuchsundwild started the conversation
    December 22, 2020 at 8:26pm

    hello nectar team,

    the font size is not changing, even i put 160px into the Custom Font Size field. the biggest size i can chose it the H1. why is the H1 not overwritten by the custom size input field?
    what can i do to scale the font size to larger than H1?

    thanks and best.

    vicky

  •  8,849
    Tahir replied
    December 23, 2020 at 5:35am

    Hey Again,

    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Could you provide the page password so we can take a look?.

    Thanks

    ThemeNectar Support Team 

  •  3
    fuchsundwild replied
    December 23, 2020 at 7:18pm

    hey hey,

    I cleared my cache and tried to put the module as an independent row, but unfortunately nothing helped. I can still not change/ customise the size of the font.
    Maybe the problem is that I can`t select a personalisation mode < p > or <div > within the dropdown? I saw that in other components before.

  •  8,849
    Tahir replied
    December 24, 2020 at 5:50am

    Hey Again,

    Adjust the H1 size in here: 

    7112488487.pngClick To Open Larger Image.

    Thanks

    ThemeNectar Support Team 

  •  3
    fuchsundwild replied
    December 28, 2020 at 3:12pm

    hey and hello,

    i did as you said. but then i change all H1 on all pages of course. 

    is there a possibility we make the field to put in the font size freely working again?

  •  8,849
    Tahir replied
    December 28, 2020 at 4:29pm

    Hey Again,

    Please provide the page password so I Can write up the custom css for it.

    Thanks 

    ThemeNectar Support Team 

  •  8,849
    Tahir replied
    December 28, 2020 at 4:30pm

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-scrolling-text .nectar-scrolling-text-inner h1 span {
    font-size: 32px !important;
}

    Thanks

    ThemeNectar Support Team 

  •   fuchsundwild replied privately
  •  8,849
    Tahir replied
    December 28, 2020 at 5:14pm


    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-scrolling-text .nectar-scrolling-text-inner h1 span {
    font-size: 32px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  3
    fuchsundwild replied
    December 29, 2020 at 9:39am

    thanks. that works perfectly :)

    now i can use the css to change the size. that`s fine for me.

    i tried to ad the same for the H2, but that didn`t work out:

    .nectar-scrolling-text .nectar-scrolling-text-inner h2 span {

        font-size: 70px !important;
    }

    do you know why?

  •  8,849
    Tahir replied
    December 29, 2020 at 9:43am

    I can't seem to view any h2 in the source html?. 

    9401196535.pngClick To Open Larger Image.

    Thanks 

    ThemeNectar Support Team 

  •  3
    fuchsundwild replied
    December 29, 2020 at 10:00am

    hey tahir,

    you`re right. it`s because it`s on these page:
    http://viktoriamarx.de/about/

    I would like to use the component twice in my portfolio

  •  8,849
    Tahir replied
    December 29, 2020 at 10:43am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-scrolling-text .nectar-scrolling-text-inner h2 {
    font-size: 70px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  3
    fuchsundwild replied
    December 29, 2020 at 10:57am

    bummmm. that works.

    thank you  🙏😊