Image centering

  • Resolved siouxchief

    (@siouxchief)


    5 years, 1 month ago

    Hi there,

    You would think that this is a piece of cake but no matter what I do I cant center my logo on the page although it looks okay on mobile. I’ve tried various suggestions online using css but no luck.
    Can anybody help with my site sharedireland.com please?

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Joy

    (@joyously)

    5 years, 1 month ago

    It’s the way your theme has defined .aligncenter which only works for things that are display: block. Images are display: inline unless changed.
    You should ask in your theme’s support forum.

    Morteza Geransayeh

    (@man4toman)

    5 years, 1 month ago

    From:
    https://codex.wordpress.org/Styling_Images_in_Posts_and_Pages

    You can add these lines to your style file or add it from customizer:

    img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    Thread Starter siouxchief

    (@siouxchief)

    5 years, 1 month ago

    Thank you that worked 👍🏻😊

    Thread Starter siouxchief

    (@siouxchief)

    5 years, 1 month ago

    Resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image centering’ is closed to new replies.