Adding a new custom widget

Community Forums Forums Design Tips and Tricks Adding a new custom widget

This topic is: resolved

Tagged: 

This topic contains 9 replies, has 4 voices, and was last updated by  rfmeier 1 year, 2 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #45129

    mathiasppc
    Participant
    Post count: 27

    Something like the email signup at the sample: http://genesisframework.com

    I could use negative margins and the standard text box in the WordPress widget dashboard, but are there any better more “correct” ways to do this with the Genesis framework?

    Help is much appreciated!

    http://energyinformative.org/
    #45131

    rfmeier
    Participant
    Post count: 596

    Mathias,

    What are you specific to when you say ‘Negative Margins’? Structure?


    #45144

    mathiasppc
    Participant
    Post count: 27

    For example the top right widget I`ve got on my site:

    <code>

    <div id=”obog_signup_widget_sidebar” style=”margin: -4rem;”>…</div>

    </code>

    I`ve had to specify a negative margin to hide the other elements.

    • This reply was modified 1 year, 2 months ago by  mathiasppc.
    • This reply was modified 1 year, 2 months ago by  mathiasppc.
    • This reply was modified 1 year, 2 months ago by  mathiasppc.
    • This reply was modified 1 year, 2 months ago by  mathiasppc.
    #45148

    rfmeier
    Participant
    Post count: 596

    I understand. Does it seem to work well in all browsers and mobile? I don’t really see much wrong with it. Unless someone can point out a reason not to do it.


    #45149

    mathiasppc
    Participant
    Post count: 27

    Looks ok fram what I see, but there`s probably a better way of doing it with genesis functions.

    #45187

    braddalton
    Participant
    Post count: 9199

    Did you want the widget after single posts?

    If so, try this http://www.briangardner.com/email-newsletter-signup-box/

    Or here’s the same thing with different styling http://www.wpstuffs.com/add-newsletter-widget-below-content-genesis-child-themes/


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #45313

    mathiasppc
    Participant
    Post count: 27

    Thanks for the suggestion, but I want the widget in the sidebar. I guess what I`m trying to say is that I`m looking for a solution that will allow me to add custom widgets to the sidebar (without all the structural wrap around that adds padding etc…). I want to add custom css to that particular widget block if that makes sense.

    #45644

    vividvilla
    Participant
    Post count: 34

    I think the solution is to use Negative Margins.If anybody have better option please share it.


    Vivek R – @vividvilla
    Genesis Child Theme Designer and Blogger at WPStuffs.
    For affordable Genesis Child Theme design and Customization Contact me here

    #46005

    mathiasppc
    Participant
    Post count: 27

    I noticed the widget boxes were labeled with different IDs:

    #text-8 {
    padding: 0px;
    }

    #46091

    rfmeier
    Participant
    Post count: 596

    Mathias,

    The IDs can change if widgets are added or removed, so be cautious when styling a widget by ID. It should have a css class unique to that widget type available.


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

You must be logged in to reply to this topic.