Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 25, 2015 at 3:02 pm #492957
    melaniegiesinger

    Hi, I have some issues changing the css for the hadline rotator.
    I have the rotator two times in use on the pages. Both should have different styles. To change the style in the panel does also not work for me. So I changed the first one with a custom css. But I am having troubles changing the second one. Obviously I need a custom css tag, but it still does not want to work. Maybe you guys have an advice!
    Thanks!

    August 25, 2015 at 7:48 pm #493174
    Elliott

    Hi melaniegiesinger!

    What’s the custom CSS your using? How are you trying to style it?

    Regards,
    Elliott

    September 11, 2015 at 12:23 am #501357
    melaniegiesinger

    Hi Elliott,
    the css which is working on the slider on the “veredelungen” page is the following (because the changes of the panel in enfold did not work)

    /* av rotator change default font style */
    #top .av-rotator-container-inner {
    line-height: 1.1em;
    font-weight: 600;
    text-transform: none;
    color: #232323;
    font-size: 60px !important;
    }

    @media(max-width:900px) {
    #top .av-rotator-container-inner {
    font-size: 40px!important;}}

    @media only screen and (max-width: 480px) {
    #top .av-rotator-container-inner {
    font-size: 30px!important;
    color: #ffffff;
    }}

    on the other headline rotater on the “portfolio” page I only need to change the size in all mediascreens and the text centered.
    But it takes the style from .av-rotator-container-inner of course. The custom css tag is .rotation_portfolio

    Many thanks for your effort!

    regards
    Melanie

    September 11, 2015 at 10:37 am #501514
    Rikard

    Hey,

    Try replacing #top with the page-id class instead if you only want it to apply to one page, you will find the page-id class in the body tag. You could also drag a code block to the page in question and paste the CSS there.

    Regards,
    Rikard

    May 24, 2019 at 12:32 am #1103824
    sunshineandwater

    @melaniegiesinger, you rock… been searching high & low for a fix for the headline rotator movement on whatever screen I was viewing on. Do you have custom CSS for customizing the font size for the “rotating text” & “Prepended static text” so they can both be different in size?

    Thanks in advance!

    Tara

    May 27, 2019 at 4:25 pm #1104545
    Vinay

    Hi,

    Thank you for writing to us.

    Please check the documentation for customization code :)

    To change the font size using CSS you can add the font size property to the CSS selectors:

    font-size: 30px;

    Let us know if you have any questions.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.