WordPress.org

Ready to get started?Download WordPress

Forums

Comic Easel
[resolved] Footer settings (8 posts)

  1. VinceCC
    Member
    Posted 2 years ago #

    Is there a way to have multiple widgets in the footer area other than the default settings?

    When I add a widget, I'd like to have them displayed in columns rather than rows.

    http://wordpress.org/extend/plugins/comic-easel/

  2. Frumph
    Member
    Plugin Author

    Posted 2 years ago #

    This question is not for the Comic Easel plugin, but rather the Easel theme maybe?

    If it's for the theme, toss your widgets into the footer, and do this with the css

    #sidebar-footer .sidebar .widget {
        width: 198px;
        float: left;
        margin-right: 2px;
    }

    See what I did there? I put a float on the container for the widget and gave it a specific width, so when you toss a widget in there they will all float left and line up next to each other, adjust the width: accordingly.

  3. VinceCC
    Member
    Posted 2 years ago #

    Thanks Frumph.

    You're right... it's the theme. I don't know why I was directing people to the plugin page.

    Anyways... for the life of me, I can't figure out where to put that coding.

    I've tried adding it in various sections in the css file and nothing seems to be working.

    If you'd like to see what I'm referring to please go to http://together-we-can-do-it.info and look at the footer section. I would like 3 columns and I understand what you're trying to convey, but I'm not very good at understanding coding. Do I replace something? or do I just add the code somewhere?

    I'm just starting this site and this theme is the one I'm sticking to regardless of the footer section. I love it. I just have one other issue with one of my pages not showing up, but that's due to a plugin I'm using and I'm monitoring the support on that issue.

  4. Frumph
    Member
    Plugin Author

    Posted 2 years ago #

    okay, 325px each column for the 980px width in the footer

    So .. go to appearance -> editor and click on the style-default.css file to edit, then scroll down to they VERY VERY bottom and put this in:

    #sidebar-footer .sidebar .widget {
        text-align: left;
        width: 325px;
        float: left;
        margin-right: 2px;
        display: inline-block;
    }

    Then click save.

  5. Frumph
    Member
    Plugin Author

    Posted 2 years ago #

    If you look at http://comiceasel.com/ down in the footer, that's kind of how I did it there

  6. VinceCC
    Member
    Posted 1 year ago #

    You have exactly what I'm looking for.

    I copied and pasted as per your instructions and I'm still stuck with the rows instead of columns. I'm not sure why this is being so fussy considering it seems to be a fairly easy fix.

    I wonder if this is now becoming a plugin issue rather than a theme issue *shrug*

  7. Frumph
    Member
    Plugin Author

    Posted 1 year ago #

    Try #footer, instead of #sidebar-footer

    #footer .sidebar .widget {
        text-align: left;
        width: 325px;
        float: left;
        margin-right: 2px;
        display: inline-block;
    }
  8. VinceCC
    Member
    Posted 1 year ago #

    That was perfect. You hit the nail on the head with that code.

    I guess now all I need are banners for your site :-)

    Youve been a great help and as mentioned in an earlier message, Im in love with this theme and would highly recommend it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic