Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • April 30, 2020 at 12:25 am #1208396
    YourChoice Informatik GmbH

    Hi
    We have a footer with text- and html-widgets.
    Is it possible, to set the height of the footer less high?
    And it is possible, to define a color gradient for the footer background? In the theme settings, we can only set one background color.
    Thanks very much.
    Best regards
    Mike

    April 30, 2020 at 12:53 am #1208405
    Jordan Shannon

    Hey Michael,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    April 30, 2020 at 4:34 pm #1208537
    YourChoice Informatik GmbH

    Hi Shannon
    See the login data in the private content section.
    We like to have the orange footer less high and perhaps with a color gradient. See screenshot in the private content section.
    Thanks very much.
    Best regards
    Mike

    April 30, 2020 at 5:25 pm #1208561
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-layout-grid-6 .flex_cell.no_margin{
padding-top:0px!important;
padding-bottom:0px!important;
}

    Also, it looks like you’ve already put a gradient into the footer.

    Best regards,
    Jordan Shannon

    April 30, 2020 at 5:38 pm #1208570
    YourChoice Informatik GmbH

    Hi
    No no, this is only a emergency solution, without a footer but the content directly in the pages ;-)
    Or is gradient also possible in the footer itself?
    Best regards
    Mike

    April 30, 2020 at 5:41 pm #1208573
    Jordan Shannon

    Hi,

    It should be possible via css.

    Best regards,
    Jordan Shannon

    April 30, 2020 at 5:48 pm #1208577
    YourChoice Informatik GmbH

    Hi
    And what do you think. Is it better to do this on every page, or is it better to do it on a footer?
    If footer is better, do you have a CSS for that?
    Best regards
    Mike

    April 30, 2020 at 5:52 pm #1208579
    Jordan Shannon

    Hi,

    Footer is better. If you can adjust add the footer and content, I’ll work out the gradient css.

    Best regards,
    Jordan Shannon

    April 30, 2020 at 6:03 pm #1208597
    YourChoice Informatik GmbH

    Hi
    So, I have to add the footer, then you can give me a CSS for the gradient?
    Best regards
    Mike

    April 30, 2020 at 9:35 pm #1208644
    YourChoice Informatik GmbH

    Hi
    So, now the original footer is reactivated. Can you help us with the gradient css?
    Thanks very much.
    Best regards
    Mike

    April 30, 2020 at 10:22 pm #1208659
    Jordan Shannon

    Hi,

    You are looking for vertical or horizontal gradient?

    Best regards,
    Jordan Shannon

    May 1, 2020 at 9:09 am #1208744
    YourChoice Informatik GmbH

    Hi
    We are looking for horizontal gradient, like the small streak at at the top of the page below the image.
    The colors are:
    color1: #ec9f0f
    color2: #fdfbee
    Another question. Is it possible then to hide the footer on mobile devices? Can this be set in the settings? Or does this need also css?
    Best regards
    Mike

    May 1, 2020 at 8:14 pm #1208922
    Jordan Shannon

    Hi,

    Add this to quick css:

    .container_wrap.footer_color{
border-top:0px!important;
}

.footer_color{
background: rgb(236,159,15)!important;
background: linear-gradient(0deg, rgba(236,159,15,1) 0%, rgba(236,159,15,1) 35%, rgba(253,251,238,1) 100%)!important;
}

    As for hiding the footer on mobile, yes that would require css.

    Best regards,
    Jordan Shannon

    May 2, 2020 at 6:10 pm #1209123
    YourChoice Informatik GmbH

    Hi
    Cool. It works, thank you very much!
    Yes, would be cool, if you could help me with the css to hide the footer on mobile ;-)
    But only the footer, not the base at the bottom of the website.
    Best regards
    Mike

    May 3, 2020 at 12:47 am #1209191
    Nikko

    Hi Mike,

    Please try to add this CSS code:

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

    Best regards,
    Nikko

    May 3, 2020 at 10:24 am #1209247
    YourChoice Informatik GmbH

    Hi Nikko
    Thanks very much. It works.
    You can close this issue.
    Best regards
    Mike

    May 4, 2020 at 1:57 am #1209372
    josefalquez

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

    thanks

    May 4, 2020 at 5:11 am #1209401
    Rikard

    Hi Mike,

    Great, I’m glad that you got it working. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.


    @josefalquez     please open a new thread and include a link to your site so that we can have a closer look at it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Footer Styling’ is closed to new replies.