Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 11, 2018 at 4:26 am #1008157
    janerichter

    I am using a Headline Rotator element on a page within a site and the Prepended static text – ie. the first line – is not aligning to center even though the rotating text and the appended static text lines are.
    I have checked the element settings are set to Center align, I have deleted and re-created the element but it still appears to be doing the same.
    Help please?
    Thanks

    September 11, 2018 at 4:47 am #1008163
    Mike

    Hey janerichter,
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    September 11, 2018 at 4:54 am #1008166
    janerichter
    This reply has been marked as private.
    September 12, 2018 at 7:58 am #1008775
    Ismael

    Hi,

    Thanks for the update.

    This css code should center align the rotator text.

    .av-rotator-container-inner {
    text-align: center !important;
    clear: both;
}

    Best regards,
    Ismael

    September 12, 2018 at 8:43 am #1008790
    janerichter
    This reply has been marked as private.
    September 12, 2018 at 11:06 am #1008847
    Rikard

    Hi,

    Please try it in Quick CSS under Enfold->General Styling :-)

    Best regards,
    Rikard

    September 14, 2018 at 7:47 am #1009813
    janerichter

    Hi Rikard

    Still no joy I’m afraid – it is still out of alignment. Due to time constraints we have had to take the site live as it is supporting a new marketing campaign. The live page is

    Freeze Your Own

    Is there anything else that I can try? I have another rotator and that is working fine

    Does Good

    Any ideas?

    September 14, 2018 at 1:01 pm #1009883
    Mike

    Hi,
    I logged into your test site above and took a look at your issue, I found that you had this code in your Enfold Theme Options > General Styling > Quick CSS field

    <script type="text/javascript">
    (function() {
        var trial = document.createElement('script');
        trial.type = 'text/javascript';
        trial.async = true;
        trial.src = 'https://easy.myfonts.net/v2/js?sid=190012(font-family=Cutz)&key=dY5c5sjKYZ';
        var head = document.getElementsByTagName("head")[0];
        head.appendChild(trial);
    })();
</script>

    which was causing the error, I moved the code to your Enfold Theme Options > Google Services > Google Analytics Tracking Code to test and it corrected the error.
    I would recommend adding this script to the end of your functions.php instead though, but you will need to do so via FTP or your hosting panel “file manager” the location of the file is:

    \wp-content\themes\enfold\functions.php

    To add it to the end of your functions.php I wrote it as a function, please use this code:

    function myfonts_script(){
  ?>
  <script type="text/javascript">
    (function() {
        var trial = document.createElement('script');
        trial.type = 'text/javascript';
        trial.async = true;
        trial.src = 'https://easy.myfonts.net/v2/js?sid=190012(font-family=Cutz)&key=dY5c5sjKYZ';
        var head = document.getElementsByTagName("head")[0];
        head.appendChild(trial);
    })();
   </script>
  <?php
  }
  add_action('wp_footer', 'myfonts_script');

    Please follow these steps to correct the error on your live site.

    Best regards,
    Mike

    January 22, 2020 at 9:53 am #1177049
    triri
    This reply has been marked as private.
    January 22, 2020 at 12:14 pm #1177146
    Mike

    Hi,
    Sorry I was not able to see your page because it is in maintenance mode. I recommend opening a new thread with your admin login in the Private Content area, Since this is not your thread posting your login here will not be private. You can post a link to your new thread here so it will be easier to find.

    Best regards,
    Mike

    November 5, 2020 at 12:04 am #1258480
    tremblayly

    Hi
    Sorry to jump into this ticket, but I have the same problem, the rotator text is not centering even if I have selected “center” alignment.
    I tried the suggested CSS in the Enfold general settings but it does not center the text.

    Any suggestion, as this would be working from the settings in the rotator element and not having to add more CSS.

    Thanks
    Lyse

    November 5, 2020 at 12:05 am #1258482
    tremblayly

    Ooops: here’s the website page where you can see for yourselves: https://silviastaging.wpengine.com (password to view the page is: newhome)

    November 5, 2020 at 12:09 am #1258483
    tremblayly

    Hi
    This is the CSS element that worked for centering:
    .av-fixed-rotator-width .av-rotator-text {
    text-align: center;
    display: inline-block;
    }

    But still I should not have to add this extra CSS when the rotator element sets the alignment already.
    Lyse

    November 6, 2020 at 6:08 am #1258795
    Rikard

    Hi Lyse,

    Please open a new thread and include WordPress admin login details in private so that we can have a closer look at your site.

    Best regards,
    Rikard

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