How to center and autoresize inserted Images

  • I have added two Pictures.

    One in the Footer Section and one obove the footer section.

    Now they are fixed in their position.
    My question is, how to autoresize and center these two pictures (for example, when there is smaller display solution).

    You can look here, i added a picture.

    https://support.rebellx.de/center.jpg

    With best wishes ??

    • This topic was modified 5 years, 11 months ago by webrebell.
    • This topic was modified 5 years, 11 months ago by webrebell.
Viewing 1 replies (of 1 total)

  • Hi webrebell

    First of all, remove your custom CSS code as you added in the bootstrap.css file. Refer this screenshot https://prntscr.com/lud2e2

    Then please add the following CSS code in custom CSS field (Appearance -> Customize -> Header settings -> Custom CSS).

    .container-fluid { 
	margin-left: auto;
	margin-right: auto;
}
.iCustomImg { 
	max-width: 100%;
	display: block;
	height: auto;
	margin: 0 auto;
}

    Let me know if it works.

    Thank You

Viewing 1 replies (of 1 total)
  • The topic ‘How to center and autoresize inserted Images’ is closed to new replies.