Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 9, 2021 at 12:07 pm #1332094
    whdsolutions

    Hello there

    Just wondering if there is a way to get the Footer widgets to be aligned horizontally centered.
    So each of the items in each of the 4 widgets intersect the blue line throgh the center?

    Screenshot-2021-12-09-110603

    December 9, 2021 at 1:51 pm #1332125
    Rikard

    Hey whdsolutions,

    Could you post a link to where we can see the actual elements please?

    Best regards,
    Rikard

    December 9, 2021 at 2:02 pm #1332129
    whdsolutions

    See PM

    December 9, 2021 at 2:10 pm #1332134
    Guenni007

    without the link it is hard to advice – but i would do it with flexbox model:
    The columns inside the footer container as flex-items the container itself as display flex.
    then you can shift the items with align-items : center.
    see: Link

    December 9, 2021 at 3:28 pm #1332155
    whdsolutions

    Home – multi disciplined building services design consultancy

    December 9, 2021 at 3:53 pm #1332158
    Guenni007
    #footer .container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    You can see here that it is centered – but visually it does not appear to be so ( click to enlarge the image)

    December 9, 2021 at 4:03 pm #1332162
    Guenni007

    by the way:
    to get between 768 and 989

    #footer .container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
#footer .container .flex_column {
  flex: 0 1 24%;
  width: unset !important;
  margin: 0 !important;
}

@media only screen and (min-width:768px) and (max-width:989px)  {
  #footer .container .flex_column {
    flex: 0 1 48%;
  }
}

@media only screen and (max-width:767px)  {
  #footer .container .flex_column {
    flex: 1 1 100%;
  }
}
    December 9, 2021 at 4:06 pm #1332164
    Rikard

    Hi,

    Thanks for helping out @guenni007. Did you try out the code above @whdsolutions?

    Best regards,
    Rikard

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