-
AuthorPosts
-
January 9, 2018 at 4:52 pm #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
MadsJanuary 11, 2018 at 1:57 pm #896165No one can help me with above questions? ):
January 12, 2018 at 11:05 am #896510Hi,
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.
January 12, 2018 at 7:36 pm #896655Hi,
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
MadsJanuary 13, 2018 at 5:23 am #896827Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.