badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*
View all Themes

Footer column widget code

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 3, 2015 at 10:58 pm #39185
    info110
    Participant

    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?

    November 5, 2015 at 5:31 am #39246
    Theme Horse Support Team
    Keymaster

    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!

    November 5, 2015 at 11:10 am #39258
    info110
    Participant

    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.

    November 6, 2015 at 6:19 am #39289
    Theme Horse Support Team
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.