How to let image widget to set center

  • My Theme is GeneratePress.
    The “Game IT Life” image is a widget.
    I choose any align option, all image location results are the same , it’s on the right.
    How to let image widget to set center on web page?

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi there,

    the top bar widget area is designed for alternating widgets ie. right | left etc.
    To center a single widget add this CSS:

    .top-bar-align-right .widget:first-child {
    margin-right: auto;
}
    Thread Starter yayaigo

    (@yayaigo)

    I add

    .top-bar-align-right .widget:first-child { margin-left: auto; margin-right: auto; }

    into Admin > Appearance > Widgets > Top Bar > Image widget > Block > Additional CSS class(es)

    but widget image style of web page does not changed

    I don’t know how to change css correctly.

    ying

    (@yingscarlett)

    Hi there,

    That field is for CSS classes not CSS.

    Can you add the CSS code to customizer > additional CSS instead?

    Let me know ??

    Thread Starter yayaigo

    (@yayaigo)

    I add css content into
    Admin > Customize > additional CSS
    Setting image to center is working.
    Thanks

    ying

    (@yingscarlett)

    No problem ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to let image widget to set center’ is closed to new replies.