Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 3, 2017 at 2:58 pm #884356
    projectt_co_uk

    Hi,

    I am working on the following website.

    Home

    1. Currently I have added a section at the end of every page “Stay up to date” in yellow. To add links and new icons is a big task.

    Is there anyway I can add the same section as a footer using widget with same layout, colours and icons. So when I update something in the widget it updates the whole website instagram I am having to go every page.

    2. I would like to a button in the middle of header “DONATE” in green colour but I want this button to be hidden on mobile.

    Your quick response will be appreciated.

    December 4, 2017 at 12:01 am #884464
    Mike

    Hey projectt_co_uk,
    Please go to Appearance > Widgets and create a new widget area 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( 'test' );
}

    replace “test” with the name of your newly created widget area
    You can then use the html widget to add your content and we can assist with css to match the size and background color.

    Best regards,
    Mike

    December 4, 2017 at 2:40 am #884488
    projectt_co_uk

    Hi Mike,

    Thank you for your help.

    It has worked (partly) – I managed to display the text at the bottom of every page but I am having problems with the following ….

    1). Cannot insert a dividing line like the one shown in the yellow section above it.
    2). Cannot change the background colour to yellow
    3). Cannot Insert social icons despite trying codes from previous threads
    4). Cannot align the text so that there is a nice gap from the ends of the pages

    Please can you help?

    Thank you in advance.

    PS. Please can you also help me insert a donate button in the header in the middle. I will be linking the button to an external page.

    December 4, 2017 at 10:29 pm #884819
    projectt_co_uk

    Hi,

    I have managed to replicate most of the stuff but still struggling with the following.

    1). bring the social icons in one line instead of one column and space them out nicely
    2). the text is stretched too much and i would like to have it in line with the other text on the pages.
    3). gap at the top and the bottom of widget is too small

    Please can someone urgently help me with this so that I can finalise this job.

    Kind regards,

    December 5, 2017 at 1:10 am #884895
    projectt_co_uk

    Apologies for so many replies but I am trying various things until I get response.

    I have managed to do a lot of this myself but am stuck on the following.

    1). How do I change the background colour of footer widget (only) – as I am using widgets in other places as well
    2). I have a donate button in the header only shown on desktop – I have added this using widget. How Can I increase the font size of this button?

    As usual your help will be appreciated.

    Thank you in advance.

    December 6, 2017 at 1:21 am #885320
    projectt_co_uk

    Sorry I haven’t heard anything back from then probelm I am having.

    Please can someone reply to my last message. I am still stuck with this probelm.

    Also how can add animation to the icons in footer when hover over them with mouse.

    Please please can someone urgently reply.

    Thank you in advance.

    December 6, 2017 at 3:48 am #885333
    Mike

    Hi,
    Sorry for the late reply, for the background-color, Try this code in the General Styling > Quick CSS field:

    #custom_html-2.widget {background-color: yellow;}

    For the donate button text:

    #custom_html-3 .avia-button.avia-size-large {
    font-size: 20px!important; 
}

    To line the footer text with the width of the page:

    #custom_html-2 .custom-html-widget {padding: 0 50px; width: 1310px;
    margin: auto;}

    For the hover animation, do you have a page that has your old setup in place? I’d like to check the code for animation.

    Best regards,
    Mike

    December 6, 2017 at 3:51 am #885334
    Mike

    Hi,
    I added the above code to your quick css, Please clear your browser cache and check.

    Best regards,
    Mike

    December 6, 2017 at 12:43 pm #885547
    projectt_co_uk

    Hi Mike,

    Thank you for your help.

    Everything is working apart from following two

    1). The Footer Widget is no longer responsive and is not showing properly at all on mobile and other small screens.
    2). Animation on the logos in the footer – no unfortunately I don’t have any example to show you.

    Please can you help ASAP especially for responsive display problem.

    Thank you.

    December 6, 2017 at 5:26 pm #885678
    Victoria

    Hi projectt_co_uk,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1200px) {
  #custom_html-2 .custom-html-widget {
    width: auto;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 6, 2017 at 6:23 pm #885709
    projectt_co_uk

    Hi Victoria and Mike,

    Thank you both for your help.

    it is all working.

    You guys are great.

    You can close the thread.

    December 7, 2017 at 1:26 am #885861
    Jordan Shannon

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Footer and Donate Button in the middle of header’ is closed to new replies.