Sidebars – coding between added widgets

  • Anonymous

    #5800

    Site in question is http://www.elotravel.com.

    On my sidebars, I want to do a combination of widgets and items actually coded in the sidebar.php and sidebar-two.php. I have successfully coded a couple of items at the top of each sidebar, but I’m not sure exactly where to go in the original php files if I want to place an item further down.

    Any tips on how to know where to place code in and around added widgets?

    Thanks in advance.

    ed

    Mod

    Kenneth John Odle

    #32694
    Quote:
    items actually coded in the sidebar.php and sidebar-two.php

    Why? You will lose such changes when you update the theme. (And eventually, you will have to update the theme.)

    You can add pretty much whatever you want to a text widget or a php widget, and then adjust its appearance via CSS to make it look less like a widget.

    Anonymous

    #32695

    I want to do it exactly for the reason you stated. To eliminate the ‘widget look’. I’ve been using a text widget. I’d have no idea what to do with CSS to change the appearance.

    Haven’t tried a php widget yet.

    If I can do what you’re saying, I would certainly prefer that.

    Mod

    Kenneth John Odle

    #32696

    I forget if this is exactly what you need, but it will get you started:

    http://blog.kjodle.net/2012/04/14/target-graphene-action-hook-widgets-by-their-unique-id/

    That applies to all widgets, not just Graphene action hook widgets.

    If you are using the Firebug extension for Firefox (or the Chrome or Opera equivalent), feel free to poke around on my blog. I’ve done a lot of sidebar customisation all via CSS. Feel free to copy or adapt any of my codes.

    Anonymous

    #32697

    Studying now! Thanks.

    Anonymous

    #32698

    When utilizing the CSS code in a widget, I assume you put the code in the text or widget box itself. Correct?

    Mod

    Kenneth John Odle

    #32699

    Either there, or in custom CSS. It really depends on what you want to accomplish.

    Try it in one spot (you’ll probably need to add it to a <div> or <span>) and if it doesn’t work there, try it in the other.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!