Before you ask please READ THIS

Footer widgets problem

in Rife Posts: 24
Hi,

currently the footer is created with 3 columns/widgets. But if I add a 4th widget and also say "4 columns", it sets it extremely to the left.
In general, the widgets are not centered to the side, but also too far to the left - for 3 widgets.

How can I center the widgets to the side AND specify 4?

The picture shows 3 widgets with 3 columns:
https://www.bilder-upload.eu/bild-42dc60-1567169564.jpg.html

The picture shows 4 widgets with 4 columns (currently in the customizer):
https://www.bilder-upload.eu/bild-277538-1567169611.jpg.html

Hope you understand what I mean. :-(

Best regards from Germany
Kim

Comments

  • AirAir
    Posts: 10,100
    Hello :-)

    So on your screenshot with 4 columns you still have 3 widgets only, so it has to look like that.

    Please add 4th widget, and then post a live link to your site also. I will then check if something is indeed off, as it doesn't look like that currently.

    With kind regards.
  • Hi,
    thank you for your answer. :-)

    I don't want a 4th widget at the moment, but that the 3 that are there now are simply centered to the side. What they are currently not, but sit too far to the left.

    I just didn't know how to describe it differently. Sorry if that was wrong. :-/

    Site: https://www.blickfrisch-design.de

    Best regards
  • AirAir
    Posts: 10,100
    Hey :-)

    I understand what you mean, however, there is no simple solution to this while keeping text alignment.

    If you would change each column into solid color instead of widget you would see that they are perfectly centered. However, if you put text inside it will create the illusion of being off to the side.

    You can try to enable the option Appearance → Customize → General settings → Footer→ Content : Style → Centered to see how much it will change the whole illusion.

    With kind regards.

  • Unfortunately, I don't really like that very much.
    I know it differently from other templates, so that the widgets adapt themselves then among themselves from the distances, all the same whether text, color or picture.

    Mh, but that's probably how it is here.
    Nevertheless, thank you for your help!
  • AirAir
    Posts: 10,100
    Hey :-)
    mindkicks said: I know it differently from other templates, so that the widgets adapt themselves then among themselves from the distances, all the same whether text, color or picture.
    I would love to see a live example, to confirm what you say and maybe implement some different solution in our theme.

    With kind regards.
  • AirAir
    Posts: 10,100
    In both those cases widgets are fully filled with content, so you don't see empty space that you have on your page currently.

    Fill up your footer widgets the same as in those examples that you gave me and you will have a similar effect.

    Also, add center alignment for your image in the middle widget.

    Please see how your site looks when widgets are filled:
    image

    With kind regards.
    screenshot-www.blickfrisch-design.de-2019.09.03-16_04_00.png
    1433 x 539 - 80K
  • Only for the middle widget I can't do a single alignment. This is only possible for the entire footer:

    https://www.bilder-upload.eu/bild-8514db-1567519995.jpg.html

    What kind of widget did you insert there to make it look like this?
  • AirAir
    Posts: 10,100
    mindkicks said: Only for the middle widget I can't do a single alignment.
    Do it in the widget, where you have inserted this image :-)
    mindkicks said: What kind of widget did you insert there to make it look like this?
    I have just copied HTML by console to show you how it would look in same situation. So there are no real widgets used.

    However, one the right would be tag cloud widget :-)

    With kind regards.
  • It's just a picture widget, I can't adjust anything. :-/

    https://www.bilder-upload.eu/bild-b0dca7-1567613713.jpg.html
  • AirAir
    Posts: 10,100
    Please use Text widget instead:
    image

    With kind regards.
    text.png
    587 x 548 - 8K
  • edited November 8 Posts: 24
    Hi again,

    I'm sorry, but the problem is still there. :-(

    I now have 2 image widgets (#1+#2) and an html widget (#3) and still it is uneven.
    I have also tried it with 3x the exact same image and even then it is uneven. :-(

    You can clearly see that the distance between the two left images is uneven.
    What could be the reason, if even at 3x the same image is uneven?

    With 2x image and 1x html widget:
    https://www.bilder-upload.eu/bild-cfd20c-1573216633.jpg.html

    With 3x the exact same image widget:
    https://www.bilder-upload.eu/bild-cad9b2-1573216673.jpg.html


    Currently there is also an html widget used (#3), but with the last contributions.


    Thanks a lot!
    With kind regards.
    Post edited by mindkicks on
  • AirAir
    Posts: 10,100
    Hey :-)

    They will not be even in any magic way, as this wasn't the intended result there.
    Each widget section has a left margin to separate the content of each widget. This alone will make it uneven.

    You can add such custom CSS to remove margin, however it can have some implications in mobile view:
    .three-col .widget {
        width: 33.3%;
    }
    .foot-widgets .widget {
        margin-left: 0;
    }
    Try it :-)

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!