Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 16, 2014 at 10:33 am #252014
    onlinedesigns

    I realize this might be outside the scope of support so just say if you can not hello but I would really appreciate it if you can give me a steer.

    I am trying to style the footer using the Enfold theme so that an image of a girl pointing has her head overlap the footer background. This is a screenshot of what I am trying to achieve.

    http://176.32.230.2/tdselectrical.com/tds_footer_screenshot.jpg

    I have tried various ways of doing this by adjusting footer padding, inserting a custom background in the footer etc but am getting no where. Is it going to be possible for me to achieve something like this in the footer, and if so how should I be going about it?

    April 17, 2014 at 11:29 am #252591
    Josue

    Hey Andrew!

    Add this code to the functions.php file:

    function custom_footer_func(){
	echo "<img src='_URL_OF_IMAGE_HERE_' class='custom_image'>";
}
add_action('avia_after_footer_columns', 'custom_footer_func');

    Then this to Quick CSS:

    .custom_image{
position: absolute;
right: 0;
top: -20px;
}

    Adjust as needed.

    Regards,
    Josue

    April 17, 2014 at 11:55 am #252615
    onlinedesigns

    That’s awesone, thank you. It screws up on mobile view but I might be able to live with that.

    One issue though is that I have had to put this into the root directly funtion file. I do have a child theme setup but when I edit the file as instructed to indicate I want to use the child theme functions file the site no longer loads

    This is where I got the information

    * example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;

    Is this the correct edit to the line correct …

    if(isset($avia_config[‘use_child_theme_functions_only’]= true; )) return;

    April 17, 2014 at 11:59 am #252619
    Josue

    Hey!

    Did you get any PHP error? i actually tested that code with a child theme on my local install, that was the only code in the child functions.php though, maybe there is some code before or after that’s causing a conflict.

    Regards,
    Josue

    April 17, 2014 at 12:43 pm #252640
    onlinedesigns

    I left all of the code that was in the original functions.php file in the child version so perhaps that’s where I went wrong. I will try with just the code you suggested. Many thanks.

    April 17, 2014 at 12:49 pm #252645
    onlinedesigns

    Yep. That works. Really appreciated. It screws up on a mobile phone view – I don’t suppose there’s a way of just hiding the image below a certain resolution is there?

    April 17, 2014 at 7:50 pm #252856
    Josue

    Hi!

    Sure, use this media query to hide it on mobile:

    @media only screen and (max-width: 767px) {
.custom_image{
display: none;
}
}

    Regards,
    Josue

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