• Hi,

    I’m using the Illustratr theme and have already managed to do some modifications (thanks to numerous other resolved posts, thank you!), but I can’t find anything about the footer here.

    I’d like to simplify it: not to have the “+” and “-” thing anymore but just have it expanded all the time, plus add a few social icons to it, on the right.
    I’ve already tried to use Chrome inspect functionalities to see how others did but I can’t really get the whole trick…
    Could you please help me?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Glad previous posts have been useful in customizing your site!

    Have a look at the custom CSS from sacredpath here:

    https://www.ads-software.com/support/topic/bottom-panel-widget?replies=8#post-6407604

    That should hide the open/close toggle and keep the panel open consistently.

    Be sure not to edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    For social icons, Illustrator supports a social links menu in the footer, as you see on the demo. You can set it up following this guide.

    Thread Starter Hrolfr

    (@hrolfr)

    Hi Kathryn, thank you for your answer!

    I used Sacredpath’s custom CSS and it worked perfectly, the widget is open by default and the “+” sign is gone ??
    Of course I didn’t edit the code itself but used Jetpack’s Custom CSS module.

    Right after, I followed the demo you linked and inserted a social menu.
    At that point, I had my turned-into-footer widget, and my actual footer, one on top of the other. The searchbar was in the widget, while the social icons were in the footer.

    So what I did is throught the “Editor” interface (the menu right under “Custom CSS” in the WP navigator), I entered the footer.php file, took the code responsible for displaying the social icons, and inserted it into the sidebar.php file.

    This is what I transferred :

    <?php
    if ( has_nav_menu( ‘social’ ) ) {
    wp_nav_menu( array(
    ‘theme_location’ => ‘social’,
    ‘container_class’ => ‘menu-social’,
    ‘menu_class’ => ‘clear’,
    ‘link_before’ => ‘<span class=”screen-reader-text”>’,
    ‘link_after’ => ‘</span>’,
    ‘depth’ => 1,
    ) );
    }
    ?>

    Then, I used a line I found on the www.ads-software.com forums to hide the now redundent footer. Here it is:

    .site-footer {
    display: none;
    }

    My site actually works and looks fine. My questions are:

    • Was it ok to simply pick and place the social icons’ code as I did, or was it barbaric?
    • Since I didn’t use the Custom CSS interface to change the social icons’ place, is this change going to be erased the next time WP updates?

    Thank you very much for your time and patience! ??
    Lucas

    Since I didn’t use the Custom CSS interface to change the social icons’ place, is this change going to be erased the next time WP updates?

    Yes, exactly – editing theme files directly means you’ll lose your changes after every theme update.

    Right after, I followed the demo you linked and inserted a social menu.
    At that point, I had my turned-into-footer widget, and my actual footer, one on top of the other. The searchbar was in the widget, while the social icons were in the footer.

    I think I’m a bit confused – could you not just remove your social links from the footer widget if you wanted to use the built-in social links menu? I might also understand better if I can see what you did directly – could you link to your site if it’s live?

    If you still prefer your method, I’d suggest you move your template-file changes into a child theme so you won’t lose them everytime you update the theme. Here are some guides in case you haven’t made one before:

    https://codex.www.ads-software.com/Child_Themes
    https://op111.net/53/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Working over the footer’ is closed to new replies.