Create Full-Width Footer in Thesis Theme 2.0

Recently I add more Thesis Theme 2.0 tutorials for Thesis Theme 2.0 users. This is another one tutorial for Thesis 2.0 users.

Already we put post for

How to create full-width Header in Thesis 2.0?

How to create full-width Nav menu in Thesis 2.0?

In this post I am going to show you, how to create full width Footer in Thesis Theme 2.0

Let’s see the procedure.

Steps

  • First go to wordpress admin section
  • Then go to Thesis skin editor section
  • Then create one new container via Thesis add box section
  • Then click on container and ad HTML id as per below image


full-footer

  • Then add your footer container to that container(refer below image)
full-foot
  • Then click on save template and go to css section
  • Then create one single element package and configure as per below image.
full-width-css
  • Then go to option section and give width – 100%, top margin – 0, right margin – auto, bottom margin – 0 and left margin- auto (refer below image)
full-width-css1
  • Then click on save package
  • Then add your reference name in skin CSS section”&full-width-footer”
  • Then click on default footer package section and go to options section
  • Then add width 900px, top margin 0, right margin auto, bottom margin 0 and left margin auto as per below image, then click on save button
full-width-css-footer
  • After finishing above things click on save CSS button
  • Now you successfully created full width header in Thesis 2.0.

If you have any doubt or suggestion, feel free to write as comment in comment section.

We launched Thesis Skins for Thesis Theme 2.0, if you have time, visit our Thesis Skins page.

If you like above tutorial, share with your friends via following social media options.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Sovo February 17, 2013, 9:15 am

    Excellent Tutorial.

    • admin February 18, 2013, 2:26 am

      Thanks for your nice words..

  • krunal November 7, 2014, 2:23 pm

    can you provide a video tutorial

  • Thesis Theme Tips January 9, 2018, 12:49 pm

    You have some interesting beginner tutorials, I like the format.
    I was wandering though, if you knew I’d any more, advanced tutorials such as how to code a box

    Thanks

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.