Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 2, 2015 at 6:02 pm #467669
    hloft

    Hi,

    How can I put a widget bar area above the footer?

    For example see here:
    http://supervitality.me/ (the ‘Free Delivery over £50’ section

    View post on imgur.com

    I would need it built in to the templates maybe, as I would need it on every page by default?

    Thanks in advance.

    • This topic was modified 9 years ago by hloft.
    July 3, 2015 at 4:40 pm #468145
    Ismael

    Hey hloft!

    Thank you for using Enfold.

    You can add something like this in the functions.php file:

    add_action('ava_before_footer', 'ava_before_footer_mod', 10);
function ava_before_footer_mod() {
  echo "<div class='container_wrap custom-footer'><div class='container'>CONTENT HERE</div></div>";
}

    Best regards,
    Ismael

    July 8, 2015 at 11:52 am #470138
    hloft

    Hi Ismael,

    Thank you that looks to have put the area in.

    Can you advise me on the best way to change colour background/center text, etc in line with CSS.

    Perhaps a colour section, how would i do this in there?

    Thanks

    July 8, 2015 at 12:24 pm #470150
    Yigit

    Hey!

    Please change Ismael’s code to following one

    add_action('ava_before_footer', 'ava_before_footer_mod', 10);
function ava_before_footer_mod() {
  echo "<div id='custom-section' class='container_wrap custom-footer'><div class='container'>CONTENT HERE</div></div>";
}

    And then you can add following code to Quick CSS in Enfold theme options under General Styling tab 

    #custom-section { background-color: orange; }
#custom-section .container { text-align: center; }

    Best regards,
    Yigit

    July 8, 2015 at 1:14 pm #470225
    hloft

    Hi Yigit,

    Thanks for the update, its worked!

    I have set it up: https://pro4lifehealth.com/
    How can I change the paragraph style & colour of text?

    Thanks

    July 8, 2015 at 1:20 pm #470232
    Yigit

    Hey!

    I see that you have added following code to Quick CSS 

    #custom-section .container {
  text-color: #ffffff;
}

    which is invalid. Please use the code as following

    #custom-section .container {
color: #ffffff;
}

    Can you please elaborate on the changes you would like to make on paragraph? :)

    Regards,
    Yigit

    July 8, 2015 at 1:29 pm #470236
    hloft

    Hi Yigit,

    Thank you, Im just getting started with CSS!
    That doesnt seem to have worked?

    As for the paragraph, how can I change the size of the text?

    Thanks,
    Harry

    July 8, 2015 at 1:32 pm #470240
    Yigit

    Hey!

    Please try changing the last code i posted to following one 

    #custom-section .container {
color: white !important;
font-size: 16px !important;
}

    If that too does not work, please create a temporary admin login and post it here privately so we can look into it.

    Best regards,
    Yigit

    July 8, 2015 at 1:41 pm #470247
    hloft

    Hi Yigit,

    It doesn’t seem to have worked, login details attached.

    July 8, 2015 at 1:49 pm #470253
    Yigit

    Hey!

    Can you please try de-activating all active plugins and then flush browser cache and refresh your page a few times? New code is currently not being applied.

    Regards,
    Yigit

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