Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #895285

    Hi there,

    Again, thanks for the great support in this forum. I’m close to be done with my first website (YES), but I have some corrections I would like to make and I can’t seem to find the solution for it. I hope you can help me.
    Here is a link for my website: http://sikkertbilsalg.dk/
    1. How do I custom place the header in the top color section? I need it to be in the bottom of the color section for the front page but different for the other pages. If this can’t be done through AVIA but only custom CSS I would very much appreciate the code.
    2. I can’t get the top/bottom padding /margin to be smaller for my sections. There is way too much white spacing and I have set the column setting to zero?
    3. The separator and the icon box are overlapping? Coding error? Also how to you get more space between the different icon boxes?
    4. Last but not least I would like to know how I get numbers as icons? There must be a way to use animated number like the standard icons AVIA offers. At my front page I use 3 different icons which I would like to swap with 1, 2 and 3.
    I hope you get all my questions and sorry for all these dummy questions 😉

    Best regards
    Mads

    #896165

    No one can help me with above questions? ):

    #896510

    Hi,

    Thank you for using Enfold.

    1.) I’m sorry but this is not possible by default. You’ll have to modify the header.php template manually.

    2.) Are you using the color section? Please edit the element and then configure the “Section Padding” settings.

    3.) Please provide a link to the page with the issue so that we can inspect the elements.

    4.) There are no number icons, unfortunately. You can only use the icons that are available by default and the icons in the fontello and flaticon site. Have you tried using a text block instead? Just type in the number.

    Please note that we don’t entertain multiple questions on a single thread or post. Please create a separate thread or post for each question or inquiry.

    Best regards,
    Ismael

    • This reply was modified 6 years, 11 months ago by Ismael.
    #896655

    Hi,

    Thanks for the answer and sorry about all the questions. Didn’t know that was the case.

    Regarding my first question. Is it possible to get any support with this specific issue? Normally you would add some custom css. is that not possible in this case?

    Kind regards
    Mads

    #896827

    Hi,

    Alright. In the page, add a color section then apply a unique Section ID called “above-header”. After that, add this code in the Quick CSS field.

    #above-header {
        z-index: 10000;
        position: relative;
    }

    And then use this script in the functions.php file to move the “above-header” color section above the header.

    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	$('#above-header').detach().insertBefore('#header');
    })(jQuery);
    </script>
    <?php
    }

    Unfortunately, this is not going to work for sticky headers and you have to add the color section on every page.

    Best regards,
    Ismael

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