Extra Column in Footer

Hello

I am very new to the OC system but trying to learn fast. I have created my own template base don the default 2.0 template with more data/colour changes than design changes.

On the footer, I would like to add an extra column which will list links and icons to my Social Media channels.

I have tried the HTML code for that using the respective codes given by FB, Twitter, Pinterest etc but they look weird in place and I am not fully knowledgeable on the PHP language to edit them.

Looking at the footer.tpl file, I was trying to duplicate a column and amend the data but the columns are not in sequence for me to create an 'extra' fifth column.

Anyone know how I could do this or help?

Thanks.

pennyprofits wrote:Hello

I am very new to the OC system but trying to learn fast. I have created my own template base don the default 2.0 template with more data/colour changes than design changes.

On the footer, I would like to add an extra column which will list links and icons to my Social Media channels.

I have tried the HTML code for that using the respective codes given by FB, Twitter, Pinterest etc but they look weird in place and I am not fully knowledgeable on the PHP language to edit them.

Looking at the footer.tpl file, I was trying to duplicate a column and amend the data but the columns are not in sequence for me to create an 'extra' fifth column.

Anyone know how I could do this or help?

Thanks.

anyone?

OC template uses Bootstrap 3 grid system which has 12 columns

So you need to divide those up between 5

you will see from the footer.tpl that each of the default 4 columns is made up of a div with the class of <div class="col-sm-3">

so you will need to probably change each of those 4 classes to something like <div class="col-sm-2">

That leaves you with 4 grid columns to play with in your 5th new column <div class="col-sm-4">


Trial and error to get the widths how you want them for each column

uksitebuilder wrote:OC template uses Bootstrap 3 grid system which has 12 columns

So you need to divide those up between 5

you will see from the footer.tpl that each of the default 4 columns is made up of a div with the class of <div class="col-sm-3">

so you will need to probably change each of those 4 classes to something like <div class="col-sm-2">

That leaves you with 4 grid columns to play with in your 5th new column <div class="col-sm-4">


Trial and error to get the widths how you want them for each column

Thanks for the detailed explanation, kind of makes sense now. Will read into it and see if I can sort it out