Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 24, 2017 at 5:11 pm #737838
    PerryG

    Hi, Thanks in advance for the help

    I would like to create a new full width Widget that displays above all the footer widgets. I would like to display testimonials there. I have created a new Widget called bottom of every page. And I see how to add the widget to the bottom of the page using Avia Widget Area Content Element but I don’t want to add it to the bottom of every page. I want to place it once in the “footer” to display at the bottom of all pages.

    -Perry

    January 24, 2017 at 5:14 pm #737839
    Yigit

    Hi Perry!

    Please go to Appearance > Widgets and create a new widget area and name it “footertop” and then add following code to Functions.php file in Appearance > Editor

    add_action('avia_before_footer_columns','avia_footer_top_column');
function avia_footer_top_column(){ 
          dynamic_sidebar( 'footertop' );
}

    Best regards,
    Yigit

    January 24, 2017 at 6:39 pm #737882
    PerryG

    Yigit,

    Thank you so much! That is exactly what I was looking for. One more question though. I would like the back ground to be white, not the default footer background. Here is the URL = http://gold.ourcompanyonline.com/

    I tried the following in regards to making the back ground white in the testimonials in the ‘footertop’ but it didn’t work. Any ideas?

    [av_testimonials style='slider_large' columns='2' interval='6' font_color='custom' custom_title='#ffffff' custom_content='']
    [av_testimonial_single src='' name='Perry G' subtitle='' link='' linktext='']
    On the outside my life looked amazing. TV newscaster, business owner, living the life in San Fransico – but I was not happy, I was miserable… I developed sleeping disorders and did not believe in medication. TMS was an amazing option for me. I feel great and I am truly happy again. Thank you Dr. Smith.
    [/av_testimonial_single]
    [av_testimonial_single src='' name='Heather D.' subtitle='' link='http://' linktext='']
    TMS has saved changed life. I was very anxious and scared about everything; I was constantly dissociating. I was unable to get much of anything accomplished. Facing each day was getting more and more difficult. After completing TMS, I feel much more hopeful and positive. It was a big reprise from the dissociation! I am now able to complete more tasks and my anxiety has decreased dramatically.
    [/av_testimonial_single]
    [/av_testimonials]

    Thanks again! – Perry

    January 24, 2017 at 11:58 pm #738010
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #footer #text-6 {
    background: black;
}

    Best regards,
    Yigit

    July 26, 2017 at 8:10 pm #830322
    PerryG

    Hi Yigit,

    Sorry for bumping this one a few months later. However, I was not successful at changing the color or the footertop custom widget, the background color. I wasn’t successful in example URL on the orginal post and most recently on http://www.ourcommunityonline.com/.

    I would like the entire area to be a different color then the rest of the footer, not just where the footer displays content. See this image

    http://www.ourcommunityonline.com/wp-content/uploads/2017/07/Footer-color.jpg

    Please advise. Thanks!

    • This reply was modified 7 years, 3 months ago by PerryG.
    July 31, 2017 at 7:34 am #831979
    Ismael

    Hi,

    Please use the “ava_before_footer” hook in place of the current one. Wrap the widgets inside a unique container.

    add_action('ava_before_footer','avia_footer_top_column');
function avia_footer_top_column(){
	ob_start();
	dynamic_sidebar( 'footertop' );
	$footertop = ob_get_clean();

	$output  = "<div class='container_wrap footer_color' id='footertop'>";
	$output .= "<div class='container'>";
	$output .= $footertop;
	$output .= "</div>";
	$output .= "</div>";
	echo $output;
}

    Use “#footertop” to change the style of the container. Example:

    #footertop { 
   background: red; 
}

    Best regards,
    Ismael

    March 5, 2020 at 3:28 pm #1190464
    steviger

    Hi Ismael,

    This is exactly what I was looking for and it works like a charm. The only thing is: I’d like to have it under the footer.
    I tried to change add_action(‘ava_before_footer’,’avia_footer_top_column’); to add_action(‘ava_after_footer’,’avia_footer_top_column’);

    but that didn’t work. Could you be so kind to provide me with the right code?

    Best regards,

    Steven

    March 5, 2020 at 3:41 pm #1190467
    Yigit

    Hi Steven,

    We currently do not have such hook as “ava_after_footer”. Please consider modifying Footer.php file on your child theme – https://kriesi.at/documentation/enfold/child-theme/.

    If you need further assistance, please start a new thread under Enfold sub forum :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘New Footer Widget – Full length on the bottom of every page’ is closed to new replies.