Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1278948
    Brent-St
    Participant

    Hi,

    On the page http://command-shift.com/claren/investors/ the second content section has the Corporate Snapshot on the right and the an untitled list of bullet points on the left.

    I would like to increase the width of the right column while decreasing the width of the left column the same amount.

    how can o go about doing this?

    thanks,

    Brent

    #1278952
    Brent-St
    Participant
    This reply has been marked as private.
    #1279236
    Jade
    Moderator

    Hi Brent,

    I tried the details you have provided but they don’t seem to work.

    Kindly provide us with the correct logins so that we can check it.

    Thank you.

    #1279529
    Brent-St
    Participant
    This reply has been marked as private.
    #1279585
    Friech
    Moderator

    Hi Brent,

    Thank you for the credentials, currently you have a 2/3 + 1/3 columns on that section. How about we make that a 4/5 + 1/5


    screenshot

    Let us know how it goes.

    Thanks.

    #1279589
    Brent-St
    Participant

    Hi,

    I am looking to widen the right column, not shrink it.

    Thanks,

    Brent

    #1279600
    Christopher
    Moderator

    Hi there,

    Please feel free to change it to 2/5+3/5 or other custom combination.

    Hope it helps.

    #1279613
    Brent-St
    Participant

    Hi,

    Is there any css code that will allow me to modify the width of the column slightly?

    I am looking to increase the size of the right column to allow the last bullet point in the right hand column to be on one line instead of two.

    thanks,

    Brent

    #1279623
    Friech
    Moderator

    Hi Brent,

    Place assign a class custom-two-third on your left column, and a class custom-one-third on the right column.

    Add then add this on your Custom CSS on Customizer.

    @media (min-width:  768px) {
    	.x-column.x-sm.vc.x-2-3.custom-two-third {width: 55%;}
    	.x-column.x-sm.vc.x-1-3.custom-one-third {width: 41%;}
    }

    Feel free to adjust the values, just make sure the sum of it does not exceed to 96%.

    Thanks.

    #1279965
    Brent-St
    Participant

    that worked perfectly.

    thanks very much for your assistance.

    brent

    #1280234
    Rue Nel
    Moderator

    Hello Brent,

    You’re welcome! We are just glad we were able to help you out.
    Thanks for letting us know that it has worked for you.

    Cheers.

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