# Adding two columns to full width section

**URL:** <https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558>\
**Category:** Illdy\
**Created:** [June 13, 2018, 3:51am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558 "2018-06-13T03:51:36Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 13, 2018, 3:51am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/1 "2018-06-13T03:51:36Z")

</div>

Hi,  
I would like to divide my full width section into two columns showing video on left with text below and also text to the right.  
Where and how can i do this?  
Thank you!  
peopleonpurpose.com.au

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [June 13, 2018, 7:22am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/2 "2018-06-13T07:22:34Z")

</div>

Hi there

Hope you are having a good day and thank you for your question 🙂  
You can use this html markup to divide your fullwidth section into two columns:

```auto
<div class="row inline-columns">
<div class="col-sm-6 col-xs-11">
video goes here
</div>
<div class="col-sm-6 col-xs-11">
text goes here
</div>
</div>

```

Thanks!  
Colorlib Support Team

---

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 13, 2018, 8:08am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/3 "2018-06-13T08:08:33Z")

</div>

Thank you very much for that code. Could you let me know where I should insert this HTML?

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [June 13, 2018, 2:58pm UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/4 "2018-06-13T14:58:29Z")

</div>

HI

You have to use it on the place where you want to have 2 columns, 🙂

---

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 13, 2018, 11:26pm UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/5 "2018-06-13T23:26:27Z")

</div>

Thank you Noda, apologies I am a very amateur wordpress user so I just need a little more direction on where to copy and paste the code to? in the custimize section or edit section?  
TIA

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [June 14, 2018, 3:38am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/6 "2018-06-14T03:38:13Z")

</div>

Let me do this for you, please use this [plugin](https://wordpress.org/plugins/temporary-login-without-password/) to create temporary access for us,&nbsp;its automatic login link and does not requires sharing your admin details. here is&nbsp;[How To](http://www.wpbeginner.com/plugins/how-to-create-temporary-login-for-wordpress-no-passwords/)&nbsp;guide. at the and don’t&nbsp;forget about&nbsp; “Set as private reply” at the bottom of the message box &nbsp;

---

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 14, 2018, 3:55am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/7 "2018-06-14T03:55:52Z")

</div>

ok thank you so much!  
Just one last thing, i actually moved the Projects section to the top to replace the full width section that i was trying to divide, as youll see. Its allowed me to have two columns but now its 4! I only want two and for the video to be larger dimension with text underneath. Is that possible?  
TIA

---

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 14, 2018, 4:01am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/8 "2018-06-14T04:01:41Z")

</div>

I am adding you to temporary access and it is asking for the following details for you;  
email  
Name  
role  
expiry  
what do i need to enter?

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [June 14, 2018, 2:51pm UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/9 "2018-06-14T14:51:42Z")

</div>

HI

You will find instruction in my message as well 😉 also, please use your email address,

---

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 19, 2018, 2:19am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/10 "2018-06-19T02:19:51Z")

</div>

Here is the temporary link that will be available for 1 day.  
Let me know if this is not enough time.  
As i mentioned i am hoping to split the projects section into 2 columns 50/50 and increase the width & height of the video in one of the columns.

Thank you so much!  
[http://peopleonpurpose.com.au/wp-admin/?wtlwp\_token=e099ec5178197b71e8b020b42b573db2](http://peopleonpurpose.com.au/wp-admin/?wtlwp_token=e099ec5178197b71e8b020b42b573db2)

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [June 19, 2018, 5:02am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/11 "2018-06-19T05:02:02Z")

</div>

hi there

Sorry but i have only this:

This site can’t be reached  
peopleonpurpose.com.au took too long to respond.

---

<div class="post-metadata">

**Author:** ![jessicapop2018](https://colorlibsupport.com/user_avatar/colorlibsupport.com/jessicapop2018/32/1452_2.png) [@jessicapop2018](https://colorlibsupport.com/u/jessicapop2018)\
**Post date:** [June 19, 2018, 5:25am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/12 "2018-06-19T05:25:16Z")

</div>

Hi, Ive been logged into it most of the day. It was doing the same to me earlier. You could try again now?

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [June 19, 2018, 5:43am UTC](https://colorlibsupport.com/t/adding-two-columns-to-full-width-section/21558/13 "2018-06-19T05:43:37Z")

</div>

Still the same:

This site can’t be reached  
peopleonpurpose.com.au took too long to respond.