Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • September 15, 2015 at 5:47 pm #503561
    hypnorich

    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; }

    September 15, 2015 at 5:54 pm #503569
    Yigit

    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

    September 15, 2015 at 8:06 pm #503642
    hypnorich

    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

    September 16, 2015 at 11:55 am #503949
    Andy

    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

    September 16, 2015 at 1:55 pm #504084
    hypnorich

    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?

    September 17, 2015 at 4:32 am #504475
    Ismael

    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

    September 17, 2015 at 12:44 pm #504713
    hypnorich

    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!

    September 17, 2015 at 1:13 pm #504731
    Yigit

    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

    September 17, 2015 at 1:44 pm #504758
    hypnorich

    Details added in private

    September 17, 2015 at 1:46 pm #504763
    Yigit

    Hi!

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

    Best regards,
    Yigit

    September 17, 2015 at 1:51 pm #504771
    hypnorich

    edited password

    September 17, 2015 at 4:51 pm #504987
    hypnorich

    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

    September 18, 2015 at 4:45 am #505216
    Ismael

    Hi!

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

    Regards,
    Ismael

    June 14, 2016 at 11:11 pm #648309
    Trent Dyrsmid

    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 8 years, 6 months ago by Trent Dyrsmid.
    June 16, 2016 at 5:01 am #648981
    Rikard

    Hi Trent,

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

    Best regards,
    Rikard

    June 16, 2016 at 7:45 pm #649372
    Trent Dyrsmid

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

    June 17, 2016 at 2:30 pm #649783
    Yigit

    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

    June 17, 2016 at 7:38 pm #649957
    Trent Dyrsmid

    That solved it; thanks!

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