Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 18, 2017 at 10:25 pm #865933
    aerolot

    Hi, I read few topis and I was searching some help with oncle google but no results.
    I saw topics:
    https://kriesi.at/support/topic/6-columns-in-footer/#post-138601
    https://kriesi.at/support/topic/add-extra-row-in-footer/
    but It didnt helped… didnt work.
    In Enfold Child -> Footer -> Footer Columns …are still only 5 widgets…

    How to add a new row above 5 widgets that are now in footer, and to this row add 2 more widgets with 2/3 and 1/3 width ?

    ps. my website is hidden so I cant send login and address…

    Thank You

    October 19, 2017 at 2:00 pm #866220
    aerolot

    Please help…

    October 19, 2017 at 2:11 pm #866223
    Yigit

    Hi,

    Please refer to my post here – https://kriesi.at/support/topic/site-wide-global-re-usable-editable-content-especially-logo-slider/#post-813880

    Best regards,
    Yigit

    October 19, 2017 at 10:24 pm #866492
    aerolot

    I saw this and its working for me but how to edit this, to do the part with “2/3 and 1/3 width” ?

    October 20, 2017 at 3:53 pm #866748
    Yigit

    Hi,

    Can you please post a link to your website so we can provide you an accurate code?

    Best regards,
    Yigit

    October 20, 2017 at 4:15 pm #866766
    aerolot

    I would like to post a link but its local only.
    Please post an example, info where to do this, and I will try to inculde it to my website.

    October 21, 2017 at 5:09 am #866940
    John Torvik

    Hi,

    To provide you an appropriated code, youll need to provide us a live link. Unfortunately, we cant do many things when we`re talking about local sites.

    Best regards,
    John Torvik

    October 21, 2017 at 1:43 pm #867041
    aerolot

    But I dont want a 1:1 code… only a example how to:
    – add 2 more widgets in one row
    – style it to have 2/3 and 1/3 columns in it…

    … its nothing special…

    I cant send You a link because I develop it in my local pc environment before I send it to web server / hosting.

    Theme is now clean… so its a standard theme downloaded after payment in themeforest…
    Please show me how to do this on standard child theme without any modification…

    Could You Please ?

    October 21, 2017 at 6:43 pm #867087
    Mike

    Hi,
    Please go to Appearance > Widgets > Enfold Custom Widget Area and create a new widget area with the name “abovefooter” 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( 'abovefooter' );
}

    Then add your two widgets:
    2017-10-21_122429
    Then you will need to know the IDs for the two widget, so open your developer tools (F12) (Chrome Windows 10) and find them:
    2017-10-21_123534
    Then you can add this code in the General Styling > Quick CSS field using your IDs:

    #text-6 { width: 66%;
    display: inline-block;
}
#text-7 {
    width: 33%;
    display: inline-block;
}

    2017-10-21_124041
    Hope this helps :)

    Best regards,
    Mike

    October 21, 2017 at 10:14 pm #867109
    Guenni007

    hey mike this was nearby my method i used for one customer:
    i used a bit different hook: mine is already in the footer container 

    add_action( 'avia_before_footer_columns', 'enfold_customization_footer_widget_area' );
function enfold_customization_footer_widget_area() {
  dynamic_sidebar( 'before-footer' );
}

    same as Mike described – create a new widget area (in my case call it) : before-footer

    The rest will be some debug mode action :lol: ( on widgets we are able to use avia shortcodes ? – yes )
    means – activate debug mode and than goto a page or post and do create your needed columns and contents.
    copy the shortcode from the debug mode window and paste it to your new widget area. Bingo

    you can clean it a bit – because there are a lot of settings not used in the shortcodes

    See here: https://webers-testseite.de/#footer

    Big Advantage – the columns break with enfold settings in responsive case. because they are based on enfold shortcode

    See short form of your wanted code here for your 2/3 1/3 option:

    [av_two_third first]
[av_heading heading='Left Heading' tag='h3' style='blockquote modern-quote'][/av_heading]
[av_textblock ] Left 2/3 Content [/av_textblock]
[/av_two_third]

[av_one_third ]
[av_heading heading='Right Heading' tag='h3' style='blockquote modern-quote' ][/av_heading]
[av_textblock ] Right 1/3 Content [/av_textblock]
[/av_one_third]

    if you like to have the same heading style:

    #footer h3 {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
    • This reply was modified 7 years, 2 months ago by Guenni007.
    October 21, 2017 at 11:19 pm #867124
    Guenni007

    by the way: if you like to have it under the normal widget area of enfold –
    use this hook:

    add_action( 'avia_after_footer_columns', 'enfold_under_footer_widget_area' );
function enfold_under_footer_widget_area() {
  dynamic_sidebar( 'after-footer' );
}
    October 22, 2017 at 2:40 am #867147
    Mike

    Hi,

    @Guenni007     well done, I like your use of debug code and the hook :)

    Best regards,
    Mike

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