Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1230599
    miket855
    Participant

    I have 1/3 + 2/3 layout for columns, and I want to vertically align text which is inside those columns.

    How can I achieve that?

    #1230899
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1232211
    miket855
    Participant
    This reply has been marked as private.
    #1232598
    Friech
    Moderator
    This reply has been marked as private.
    #1235063
    miket855
    Participant

    Yes, text is aligned due to padding, but I need to adjust padding for all screen sizes which can be bit difficult. I just need to set it to be verticaly centered based on that section. And, it doesn’t need to be inside orange circle.

    #1235555
    Friech
    Moderator

    Hi There,

    Remove those paddings and add this instead.

    @media (min-width:  768px) {
    	.home-circle-text {
    		position: absolute;
    	    top: 40%;
    	}
    	#x-section-9 .x-2-3 {
    		float: right;
    	}
    }
    
    @media (min-width:  768px) and (max-width:  1100px) {
    	    .home-circle-text {left: 0;}
    }

    Let us know how it goes.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1230599 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>