Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 4, 2020 at 5:07 pm #1209618
    josefalquez

    Hi,
    how can i reduce the footer height?
    Cause everytime i add something it gets bigger.
    And also de socket height?

    And also i would like to know how i made it mobile responsive the footer

    Thanks

    May 5, 2020 at 7:27 am #1209823
    Rikard

    Hey josefalquez,

    I’m not sure I understand what you are looking to achieve, could you try to explain a bit further or post screenshots highlighting your intentions please?

    Best regards,
    Rikard

    May 5, 2020 at 6:38 pm #1210053
    josefalquez

    hi!

    I didnt know how else i could upload them

    Let me know if i explain myself thanks

    Regards

    May 6, 2020 at 6:52 am #1210235
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #footer {
    padding: 0;
}

    It looks like have found solutions for the copyright and icons problem already?

    Best regards,
    Rikard

    May 6, 2020 at 7:45 pm #1210452
    josefalquez

    Hi,

    Is not changing de height! if i add 30 or 50 px it stays the same.

    How can I change the font size in the footer? and how can i reduce the line spacing in the footer?

    Thanks for your help

    Regards

    May 8, 2020 at 4:11 am #1210886
    Rikard

    Hi,

    how can i reduce the footer height?
    Cause everytime i add something it gets bigger.

    So you want the footer to be a fixed height? Please note that some of your content might not be visible if you do that.

    Please try this to reduce the height of your text:

    #footer p {
    margin: 0;
}

    Best regards,
    Rikard

    May 8, 2020 at 7:03 pm #1211132
    josefalquez

    Hi,

    None of those codes are working! I am putting them in Quick CSS under Enfold->General Styling, but nothing change.

    What else can i do?

    May 9, 2020 at 5:38 pm #1211441
    Victoria

    Hi josefalquez,

    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: 767px) {
    #footer {
        padding: 0 15px;
    }
    .responsive #top #wrap_all #footer .flex_column {
         margin-bottom: 0;
    }
    .responsive #top #wrap_all #footer  p {
        margin: 0;
    }
    #footer .widget {
        margin: 10px 0 10px 0;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 14, 2020 at 5:01 pm #1212980
    josefalquez

    Hi,
    it work wonderful for mobile responsive!

    If I would like to do the same for pc screen what do I have to do?

    Thank you Victoria

    Jose Falquez

    May 15, 2020 at 5:58 pm #1213359
    Victoria

    Hi josefalquez,

    So you just need to use the code without the media query like this:

    
    #footer {
        padding: 0 15px;
    }
    .responsive #top #wrap_all #footer .flex_column {
         margin-bottom: 0;
    }
    .responsive #top #wrap_all #footer  p {
        margin: 0;
    }
    #footer .widget {
        margin: 10px 0 10px 0;
    }

    Best regards,
    Victoria

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