Home>Support>How to make images in widgets sit on same line?

How to make images in widgets sit on same line?

By Amanda Riegel, 7 years ago. Last reply by Alex S, 7 years ago.

Hi I am trying to make the 3 images on this page sit on the same line. – www.kristikinard.com (scroll down to the monthly specials section, its one pink and 2 white images)

As you can see they are aligned correctly, left, center, and right, but they are all on their own line, how can I make them al lsit on the same line so they are right next to each other? They are all in their own widgets.

Thank you for the help!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Amanda,

    To clarify, what page builder are you asking? I can’t seem to tell based on the website’s code. Regardless, it should allow you to set up columns and that would be the ideal method of having all of the images appear in a row. If it doesn’t, you can do this via CSS.

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    @media (min-width: 700px) {
	#subscribe > .container {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	#subscribe h3.white-text {
		position: absolute;
		top: -40px;
	}

	#subscribe .so-widget-sow-image {
		margin: 0 20px;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More