Footer layout/spacing questions

Please see below.

HI Ishmael,

Thanks for this– works perfectly! Separators were to line up footer widgets when I had to have a separate text widget with that one line in the left column, those have now been removed.

Last requests: I tried adding code to style text color of top line (I would like text to be white or same lighter gray as widget titles) and to add links behind FINRA and SIPC on bottom line (would like to link those to http://finra.org and http://sipc.org respectively), but got errors when I did so.

How can I do that?

Also, I am still seeing slightly larger space between columns, how can I reduce that so on mobile views, footer looks good?

Thank you very much for excellent support. You are the best. :)

• This reply was modified 9 years ago by Julie.

Hi Ishmael,

I used the exact code you provided, with the text I need added, so

add_action(‘avia_before_footer_columns’, function() {
echo “<div class=’flex_column’>* Send all correspondence to OSJ Charlotte Office</div>”;
});

and

add_action(‘avia_after_footer_columns’, function() {
echo “<div class=’flex_column’>Securities and Investment Advisory Services Offered Through: Crown Capital Securities, LP, 725 Town & Country Road, Suite 530, Orange, CA 92868. Member, FINRA / SIPC</div>”;
});

I would like to make top line text white, but when I make code:

add_action(‘avia_before_footer_columns’, function() {
echo “<div class=’flex_column’><span style=”color: #ffffff;”>* Send all correspondence to OSJ Charlotte Office</span></div>”;
});

I get error: Parse error: syntax error, unexpected ‘color’ (T_STRING), expecting ‘,’ or ‘;’ in /home/qbgblnnc/public_html/clients/awa/wp-content/themes/enfold-child/functions.php on line 13

In bottom text line, I would like to hyperlink text “FINRA” to http://finra.org and text “SIPC” to http://sipc.org. But when I make code:

add_action(‘avia_after_footer_columns’, function() {
echo “<div class=’flex_column’>Securities and Investment Advisory Services Offered Through: Crown Capital Securities, LP, 725 Town & Country Road, Suite 530, Orange, CA 92868. Member, FINRA / SIPC</div>”;
});

I get error: Parse error: syntax error, unexpected ‘http’ (T_STRING), expecting ‘,’ or ‘;’ in /home/qbgblnnc/public_html/clients/awa/wp-content/themes/enfold-child/functions.php on line 17

Apologies that I am not good with PHP, hoping you can tell me what to fix.

Regarding separators:
No separators have been added beyond what the theme does. Widget section is 6 text widgets in 3 columns. I put it in 3 columns so they stretch horizontally across the footer (if I put in 1 column, they fall vertically). Is there some other (better) way to get the desired effect?

Sorry if I am not understanding the question.

Thanks for your patience and help.

Ok, top line and bottom line are now perfect– thank you so much! I knew it was something in there with the quote marks but did not know how to fix it!

Last question: can I reduce spacing at bottom of each footer column on mobile view so it is the same as spacing between widgets in each column? I have 2 widgets in each column, on mobile views there is extra space between bottom text widget in column 1 and top text widget in column 2, and between bottom widget in column 2 and top widget in column 3.

I found code to reduce footer padding but that reduces space between my added full-width column and the socket, not between footer columns.

Thanks for any help you can give.

That works– thank you so much for your help!