Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2020 at 3:31 pm #1240685
    RJ

    Hi,

    I am trying to align the right blue column to the bottom of the container it is in. I have tried various ways but i can’t seem to get it right.

    Does anybody know how i can achieve this?

    Thanks in advance!

    August 25, 2020 at 10:39 pm #1240778
    Jordan Shannon

    Hey Rhodo,

    Add this to quick css:

    .avia-builder-el-4{
position:absolute!important;
bottom:0px!important;
right:0px!important;
}

    Best regards,
    Jordan Shannon

    August 27, 2020 at 11:01 am #1241164
    RJ

    Hi Jordan,

    Thanks for the css solution! It worked like a charm!

    I also had to add position:relative; to the outer container <div> to make it work. Also added a media query to only target screens above 767px:

    
@media only screen and (min-width: 767px)  {
	
	.entry-content-wrapper.clearfix {position:relative;}

	.avia-builder-el-4 {
		position:absolute!important;
		bottom:0px!important;
		right:0px!important;
	}
	
}
    August 28, 2020 at 2:17 am #1241357
    Nikko

    Hi XV,

    We’re glad to hear that :)
    Let us know if you need further assistance.

    Best regards,
    Nikko

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