Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #503561

    I have been trying to configure the headline rotator function and it just isn’t quite right. I have got it almost there by increasing the font size but I was hoping to have it marked up as H1 but when I do this it has no effect on the look of the headline.
    I also dislike the way the rotating words shift the words after forwards and backwards so the line spacing is right but it just looks off so I was wondering if the rotating words could be the last word on one line and the final words could be on a line below so that the headline didn’t move about. Is that do-able?
    I have read the forums and added some CSS to the quick css area but it hasn’t quite fixed it. I added:

    .av-rotator-text { width: 100% !important; }
    .av-fixed-rotator-width .av-rotator-text { text-align: center; }

    #503569

    Hi hypnorich!

    Can you please update Enfold to the latest version 3.3.2- kriesi.at/documentation/enfold/updating-your-theme-files/. You are currently using an older version of the theme :)

    Best regards,
    Yigit

    #503642

    Oops! I normally get a notification when there is an update available but I didn’t get that this time. I have now updated to the new version and my problem remains so I would appreciate it if you could take a look and let me know how to resolve the situation. Thanks

    #503949

    Hi!

    not sure what you want to achieve. A mockup would help a lot to make things clear for us. If you want to increase font-size of your headline rotator use this code:

    h1.av-rotator-container-inner {
    font-size: 30px !important;
    }
    

    and adjust as needed.

    Regards,
    Andy

    #504084

    What I am trying to achieve Andy is spelled out in the original question. Just to remind you I said “I was hoping to have it marked up as H1 but when I do this it has no effect on the look of the headline.” There is a drop down menu on the headline rotator section that allows me to select H1 to H6 and paragraph but none of these options when selected change the look of the headline.
    Can you tell me how to get that drop down menu to affect the headline itself please?

    #504475

    Hi!

    This seems to be a little bug in the rotator css styling. The font size property of the av-rotator-container-inner container is set to inherit but since there is no designated font size property applied to its parent element, it inherits the font size property of the body tag. Please edit css > shortcodes.css, look for this code:

    #top .av-rotator-container-inner{position: relative; line-height: 1.1em; margin:0; font-weight:300; text-transform:none; color:inherit; font-size: inherit;}
    

    ..replace it with:

    #top .av-rotator-container-inner{position: relative; line-height: 1.1em; margin:0; font-weight:300; text-transform:none; color:inherit;}
    

    We removed the font size property.

    Cheers!
    Ismael

    #504713

    Thanks for your answer Ismael.

    I don’t have any skills at editing the FTP side of things and was wondering if there was an option to change it through quick css at all?

    No worries if not and I’ll pay someone to fix it for me. I know its only a quick job but I really have no idea what I’m doing with that stuff!

    #504731

    Hi!

    If you do not mind posting FTP access and WP admin logins here privately, we can make the changes for you :)

    Best regards,
    Yigit

    #504758

    Details added in private

    #504763

    Hi!

    FTP logins are not working for me. Can you please check them once again?

    Best regards,
    Yigit

    #504771

    edited password

    #504987

    I just checked the FTP login details by copying and pasting them and they worked fine for me…. Could you try again because I don’t know what more i can do than give you the details that work for me. The revised password was for my website not the FTP side of things. Cheers

    #505216

    Hi!

    We modified the file for you. Remove browser cache then reload the page: https://sheffield-hypnosis.co.uk/home-lead-generation/

    Regards,
    Ismael

    #648309

    This seems to be what’s happening with my headline rotator as well; text doesn’t display as H1 on mobile (see private content link).

    I just realized that although I’m not shown an plugin update option, I’m using Enfold version 3.5.2 instead of 3.6, so I updated to that version and removed font-size: inherit in my shortcodes.css, but I’m still not seeing this display as H1 on mobile (although it looks just fine on desktop and even a small ipad).

    Please help.

    • This reply was modified 7 years, 10 months ago by Trent Dyrsmid.
    #648981

    Hi Trent,

    It’s still displaying as an h1 on mobile, I’m guessing you want it to be bigger?

    Best regards,
    Rikard

    #649372

    It looks fine for me on a tablet but here’s how it looks on a phone..

    #649783

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
    h1.av-rotator-container-inner * {
        font-size: 30px;
    }}
    

    Best regards,
    Yigit

    #649957

    That solved it; thanks!

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Headline rotator not working right’ is closed to new replies.