Home Forums Xi Theme Discussion & Support Another Minor IE/Chrome Anomaly

This topic is: not a support question

This topic contains 9 replies, has 2 voices, and was last updated by  Richard 5 years, 2 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1109

    Richard
    Participant
    Post count: 181

    http://ucim.org/?page_id=7

    The bullets are not centring in Chrome or IE, though they do in FF. Thoughts?

    #1111

    themeweaver
    Keymaster
    Post count: 730

    That’s because the text-align:center is applied to the individual li element.

    You should apply it to the ul tag (the whole list).

    #1122

    Richard
    Participant
    Post count: 181

    I am not sure how to do that? This is my code:

    [p style=”text-align: justify;”]One of the ways that UCiM understands its role in the community within South St. Vital is to share our space with groups & people who are also contributing to the sense of neighbourhood within our part of Winnipeg. Some of those with whom we are most grateful to share space are:[/p]

    [ul]
    [li style=”text-align: center;”][a title=”Friend: St. Vital Art Group” href=”http://ucim.org/?page_id=89″ target=”_blank”]St. Vital Art Group[/a];[/li]
    [li style=”text-align: center;”][a title=”Friend: 20th Winnipeg Scouts” href=”http://ucim.org/?page_id=122″]20th Winnipeg Scouts[/a];[/li]
    [li style=”text-align: center;”][a title=”Friend: Girl Guides” href=”http://ucim.org/?page_id=101″]Girl Guides[/a];[/li]
    [li style=”text-align: center;”][a title=”Friend: MGDPOA” href=”http://ucim.org/?page_id=115″]Maple Grove Dog Park Owners Association[/a]; &,[/li]
    [li style=”text-align: center;”][a title=”Friend: Baby & Me” href=”http://ucim.org/?page_id=78″]Baby & Me[/a].[/li]
    [/ul]

    PS This is marked as Spam?

    #1126

    themeweaver
    Keymaster
    Post count: 730

    delete style=”text-align: center;” from the li tags and add it instead to the ul tag.

    #1127

    themeweaver
    Keymaster
    Post count: 730

    Also get rid of style=”text-align: justify;” from the p tag

    #1130

    Richard
    Participant
    Post count: 181

    This is what I have now and it still is not centred in IE/Chrome:

    [ul style=”text-align: center;”]
    [li][a title=”Friend: St. Vital Art Group” href=”http://ucim.org/?page_id=89″ target=”_blank”]St. Vital Art Group[/a];[/li]
    [li][a title=”Friend: 20th Winnipeg Scouts” href=”http://ucim.org/?page_id=122″]20th Winnipeg Scouts[/a];[/li]
    [li][a title=”Friend: Girl Guides” href=”http://ucim.org/?page_id=101″]Girl Guides[/a];[/li]
    [li][a title=”Friend: MGDPOA” href=”http://ucim.org/?page_id=115″]Maple Grove Dog Park Owners Association[/a]; &,[/li]
    [li][a title=”Friend: Baby & Me” href=”http://ucim.org/?page_id=78″]Baby & Me[/a].[/li]
    [/ul]

    #1134

    themeweaver
    Keymaster
    Post count: 730

    No ok, you need to wrap the list inside a p or div tag and center that.

    You don’t normally center a list,

    #1136

    Richard
    Participant
    Post count: 181

    So also add the centre tag to the list itself? Funny that this seems so cumbersome for IE/Chrome.

    #1139

    themeweaver
    Keymaster
    Post count: 730

    As I said you would not normally be centring a list, by design lists in this theme are left justified.

    Actually on reflection to do this is actually not so straight forward. Google it and you’ll see why!

    ul{text-align:center;}
    li{display:inline}

    kind of does it but you’ll loose your bullets, at least in Chrome

    #1143

    Richard
    Participant
    Post count: 181

    Ah – went to 3 columns instead – easier that way! Thanks again!!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.