Tagged: Headline Rotator
-
AuthorPosts
-
September 15, 2015 at 5:47 pm #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; }September 15, 2015 at 5:54 pm #503569Hi 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,
YigitSeptember 15, 2015 at 8:06 pm #503642Oops! 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 #503949Hi!
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,
AndySeptember 16, 2015 at 1:55 pm #504084What 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 #504475Hi!
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!
IsmaelSeptember 17, 2015 at 12:44 pm #504713Thanks 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 #504731Hi!
If you do not mind posting FTP access and WP admin logins here privately, we can make the changes for you :)
Best regards,
YigitSeptember 17, 2015 at 1:44 pm #504758Details added in private
September 17, 2015 at 1:46 pm #504763Hi!
FTP logins are not working for me. Can you please check them once again?
Best regards,
YigitSeptember 17, 2015 at 1:51 pm #504771edited password
September 17, 2015 at 4:51 pm #504987I 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 #505216Hi!
We modified the file for you. Remove browser cache then reload the page: https://sheffield-hypnosis.co.uk/home-lead-generation/
Regards,
IsmaelJune 14, 2016 at 11:11 pm #648309This 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, 5 months ago by Trent Dyrsmid.
June 16, 2016 at 5:01 am #648981Hi Trent,
It’s still displaying as an h1 on mobile, I’m guessing you want it to be bigger?
Best regards,
RikardJune 16, 2016 at 7:45 pm #649372It looks fine for me on a tablet but here’s how it looks on a phone..
June 17, 2016 at 2:30 pm #649783Hi,
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,
YigitJune 17, 2016 at 7:38 pm #649957That solved it; thanks!
-
AuthorPosts
- The topic ‘Headline rotator not working right’ is closed to new replies.