Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2016 at 10:35 pm #604135
    jomtones

    I’m trying to do something similar to this: https://kriesi.at/support/topic/how-to-center-columns-of-information/#

    Got two buttons that I was using “1/4” columns for, but I want the columns centered. Tried using empty columns and a responsive ‘display:none’ to hide them on small screens, but that didn’t seem to work.

    So I’m now trying the float: left route as detailed above, but that’s not working either!

    March 29, 2016 at 6:34 am #604266
    Ismael

    Hi jomtones!

    Thank you for using Enfold.

    I checked the site and the columns with buttons are already center aligned. Is that correct?

    Regards,
    Ismael

    March 29, 2016 at 8:41 am #604298
    jomtones

    Thanks Ismael! I’m excited to be using the theme, it seems really flexible and quick.

    Yes – I’ve managed to get the buttons center aligned – my problem is they’re not stacking on mobile as you can see on the screenshot attached to my OP.

    March 29, 2016 at 1:46 pm #604521
    Josue

    Hey!

    Use this HTML code instead:

    <div class='custom_container'>
	<div class='custom_column custom_first'>
		1st column
	</div>
	<div class='custom_column'>
		2nd column
	</div>
</div>

    And this CSS code:

    @media only screen and (min-width: 767px) {
	.custom_container{
		position: relative; width: 500px; margin: 0px auto;
	}

	.custom_column{
		float: left; width: 200px;
	}
	.custom_column.custom_first{
		margin-right: 100px;
	}
}

    Cheers!
    Josue

    March 29, 2016 at 3:32 pm #604631
    jomtones

    Thanks, I’ll give this a go!

    March 29, 2016 at 11:24 pm #604845
    Josue

    You are welcome, let us know if it works :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.