Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 24, 2015 at 9:58 pm #449293
    bionicpulse13

    Hi,

    When I create icon lists within content blocks, they are always aligned to the left of the container. How would I go about centering these within their respective blocks?

    I’ve tried a few css snipets but hasnt really worked.

    Thanks!

    May 25, 2015 at 3:10 pm #449540
    Yigit

    Hey bionicpulse13!

    Can you please post the link to your website and a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Regards,
    Yigit

    May 25, 2015 at 8:41 pm #449713
    bionicpulse13

    Hi Yigit!

    this is the page in question:

    http://bionicpulse.co.uk/temp-home

    so the logo and the large heading are centered on the page

    the two icon lists are within 1/2 size containers each:

    http://postimg.org/image/70vi79kx1/

    However if you draw a line down the center of the page, it appears the 2 icon lists are not centered within their respective content blocks.

    Many thanks

    Moritz

    May 26, 2015 at 6:28 am #449821
    Rikard

    Hey!

    Do you mean that you want the icon lists center aligned? If so, try this in Quick CSS:

    .page-id-241 .avia-builder-el-6 ul, .page-id-241 .avia-builder-el-8 ul {
  display: table !important;
  margin: 0 auto !important;
}

    Regards,
    Rikard

    May 26, 2015 at 8:38 am #449869
    bionicpulse13

    Many thanks

    That worked like a charm!

    May 26, 2015 at 8:42 am #449873
    bionicpulse13

    The only question that remains with this page is why the logo is displaying so out of place

    But I raised it in a different ticket:

    https://kriesi.at/support/topic/adjusting-colour-section-height/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Centering icon lists’ is closed to new replies.