Navigation
Archive / change widths of columns
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 26, 2016 at 1:39 am #1010563
    nadinedomnink
    Participant

    HI, I want to have two columns on my site with different widths such as around 65% on the right and 35 % on the left. It is probably easy but I can’t figure this out …

    I used this shortcode so far: [column type=”1/2″] Place your content in here. [/column] [column type=”1/2″ last=”true”] Place your content in here. [/column]

    thanks!

    May 26, 2016 at 2:01 am #1010572
    Rupok
    Member

    Hi there,

    Thanks for writing in! If you use Cornerstone then it would be whole lot easier to manage the layout visually. You can set different set of layout preset or custom column layout – http://prntscr.com/b8kbxi by clicking on the Manage Layout – http://prntscr.com/b8kc8b

    Hope this helps.

    Cheers!

    May 26, 2016 at 2:41 am #1010608
    nadinedomnink
    Participant

    any option if i don’t use cornerstone?

    May 26, 2016 at 2:45 am #1010611
    Paul R
    Moderator

    Hi,

    You can try 2/3 X 1/3 Column

    eg.

    
[column type="2/3"] Place your content in here. [/column] 
[column type="1/3" last="true"] Place your content in here. [/column]

    http://theme.co/x/demo/integrity/1/shortcodes/columns/

    or if you want a custom width, you can add an inline style to your column shortcode.

    eg.

    
[column style="width:65%;"] Place your content in here. [/column] [column style="width:35%;" last="true"] Place your content in here. [/column]

    Hope that helps

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