Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 3, 2016 at 4:25 pm #577158
    jesperconrad

    Hi there I really love the theme, and Avia builder and Enfold is a great match. I have been searching for the possibility to create a customwidget area, above the footer, so I will be able to showcase blogpost, pages etc on all pages, instead of having to put it in, through the Avia builder. This would help a lot, so I can change what I promote in the widget area above the footer on all pages.

    February 3, 2016 at 4:46 pm #577168
    Yigit

    Hey jesperconrad!

    Please go to Appearance > Widgets and create a new widget area and then go to Appearance > Editor and edit functions.php file and add following code

    
add_action('ava_before_footer','avia_above_footer');
function avia_above_footer(){
dynamic_sidebar( 'test' );
}

    replace “test” with the name of your newly created widget area

    Cheers!
    Yigit

    May 2, 2019 at 4:19 pm #1096514
    mattcarroll

    Hi Yigit,
    Thanks for the support response that you gave above, that helped me to add a new widget area above our website footer.
    However, using just the code above, the widget area is full width of the screen and too wide for my content widget.

    My widget is a text box with the shortcode of 8 small partner logos so it is important that these are displayed in a presentable neat way at the bottom of each page.

    So I need to control the width of my new widget area to the same as the content width of the site.
    I assume that this is a style sheet amendment but could you tell me what css code I need to add and also to which style sheet within the Enfold theme please?

    I look forward to hearing from you
    Matt

    May 8, 2019 at 3:09 pm #1098480
    Ismael

    Hi,

    Thank you for using Enfold.

    Is there a staging site where we can see the widget? We have to inspect the element in order to provide the appropriate modification. If you haven’t yet created a staging site, this tutorial should help.

    // https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

    Best regards,
    Ismael

    May 8, 2019 at 4:21 pm #1098498
    mattcarroll

    Hi Ismael
    Thank you for your reply. We do have a Development Site that works in the same way as a staging site.
    I will put the login detail within the private section.

    Kind regards
    Matt

    May 13, 2019 at 2:17 am #1099868
    Ismael

    Hi,

    Thanks for the update.

    This css code should adjust the width of the logo container and align it to the center.

    .avia-section + #text-5 {
    max-width: 1310px;
    margin: 0 auto;
}

    Just add it in the Quick CSS field or the child theme’s style.css file. Please don’t forget to toggle the Enfold > Performance > File Compression settings to regenerate the stylesheets.

    Best regards,
    Ismael

    May 21, 2019 at 1:38 pm #1102848
    mattcarroll

    Thanks Ismael
    I have just tried that code that you suggested and it has solved my problem, I really appreciate it.

    Sorry its taken awhile to reply and thank you, I have been away from work for a week or two.

    Thanks again

    May 21, 2019 at 6:44 pm #1103017
    Jordan Shannon

    Hey mattcarroll,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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