[info110]

I needed to change the way footer column displayed, so I could have a place to enter in some custom html and make it full width. So I changed the width of one-third to 100% in custom css and that made the footer column 100%.

I since changed the service widget to 3 column instead of 4 columns and now my one-third width change is causing a problem with it displaying 3 columns. So I removed the change and it displays 3 columns

But now I’m back to my footer column problem. Can you tell me where I can find the actual code for footer column?

[Theme Horse Support Team]

Hi info110,

The footer column is actually from theme folder -> inc-> structure-> footer-extension.php. Before making any changes you need to create a child theme and customize the code. So that while updating to new version your customized code will not be lost. Otherwise you need to do the same thing while updating to new version.

Thank you!

[info110]

Since I already modified the service widget to create 3 columns instead of 4. I went and changed one-third to 100%, so I could do what I wanted with the footer and then for the service widget I created a new class one-third-x and set it to the original one-third settings. Which fixed all my problems.

I have a question though. One of the original classes was

class=”one-third clearfix-third”

What is clearfix-third?

So now I have

class=”one-third-x clearfix-third”

Do I need to create a clearfix-third-x?

class=”one-third-x clearfix-third-x”

I’m just winging this stuff and figuring it out as I go.

[Theme Horse Support Team]

Hi

If you want third column instead of fourth in services widget then your code should be as below with proper clearfix CSS:

<div class="one-third">
  column 1
</div>
<div class="one-third">
  column 2
</div>
<div class="one-third clearfix-half">
  column 3
</div>
<div class="one-third clearfix-third">
  column 4
</div>
<div class="one-third clearfix-half">
  column 5
</div>
<div class="one-third">
  column 6
</div>
<div class="one-third clearfix-half clearfix-third">
  column 7
</div>
<div class="one-third">
  column 8
</div>
<div class="one-third clearfix-half">
  column 9
</div>

clearfix-third is the css which is should be placed in fourth column to clears the above third column rows.

Thank you!

[Author]

Posts