Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 6, 2017 at 11:24 pm #848887
    NuancedMedia

    Hello,
    I would like to create a custom footer. Could you please tell is it possible to make layout as on link below
    http://tonhc.nmdev.site/wp-content/uploads/2017/09/Footer.png
    and if yes how to do that.
    The way I envision that:
    1. Text widget with shortcode of contact form for the first column on full width
    2. Text widget with shortcode of 1/4+1/4+1/4+1/4 layout for the second column on full width
    3. Text widget with shortcode of 1/4+1/2+1/4 layout for the third column on full width
    The problem with that I cant make 2nd and 3rd columns in full width and content shifts

    September 7, 2017 at 12:08 pm #849079
    Victoria

    Hey NuancedMedia,

    Could you please give us a link to your website, we need more context to be able to help you.
    Have you set the columns to 4 here?
    https://cl.ly/091x02151U1J

    Best regards,
    Victoria

    September 7, 2017 at 5:45 pm #849167
    NuancedMedia

    Here is the link to one of the pages
    http://tonhc.nmdev.site/about/?preview_id=116&preview_nonce=ecb42a34a2&_thumbnail_id=-1&preview=true
    I set footer to 4 columns but it does not help

    September 8, 2017 at 5:44 pm #849664
    NuancedMedia

    Do I need to provide anything else to resolve the issue?

    September 9, 2017 at 4:07 pm #849957
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #footer .flex_column {width: 100% !important;}
#custom_html-2 .custom-html-widget .flex_column_div {width: 20%!important; }

    2017-09-09_100520

    Best regards,
    Mike

    September 11, 2017 at 6:30 pm #850621
    NuancedMedia

    Thank you Mike,
    it works perfect! Could you please help me to add 3rd row as shown on my screenshot?

    September 12, 2017 at 9:18 am #850892
    Victoria

    Hi NuancedMedia,

    Glad we could help :)

    What do you mean by the 3rd row?

    Best regards,
    Victoria

    September 12, 2017 at 10:26 pm #851268
    NuancedMedia

    If you can see on the image I attached
    http://tonhc.nmdev.site/wp-content/uploads/2017/09/Footer.png
    the footer has 3 sections. You helped me to make 2 of them, could you please help me to add the 3rd one (the bottom one with round logos)

    September 14, 2017 at 7:01 am #851860
    Ismael

    Hi,

    Please try to use the “avia_after_footer_columns” hook in the functions.php file. Example.

    add_action('avia_after_footer_columns', function() {
	echo "<div class='flex_column first av_one_third'>ANOTHER TEXT HERE</div>";
	echo "<div class='flex_column av_one_third'>ANOTHER TEXT HERE</div>";
	echo "<div class='flex_column av_one_third'>ANOTHER TEXT HERE</div>";
});

    Best regards,
    Ismael

    September 14, 2017 at 10:35 pm #852325
    NuancedMedia

    Thank you I appreciate you input, it works

    September 15, 2017 at 10:59 am #852486
    Ismael

    Hi,

    Glad it worked. Let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Custom footer layout’ is closed to new replies.