Editing Sidebar Item

  • bricklayer.payne

    (@bricklayerpayne)


    11 years, 7 months ago

    Here’s my website: http://www.trialofthecentury.net

    How might I go about editing the sidebar “Subscribe” item? Specifically, I’d like to put a border around it, maybe change the font, etc; I know how to do all that stuff, but where’s the file under which I would make the edits? Any ideas?

    Thank you!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • CrouchingBruin

    (@crouchingbruin)

    11 years, 7 months ago

    If you learn to use a web debugging tool like firebug or chrome developer tools, you can see what CSS needs to be added. In this case, the widget has an ID of blog_subscription-2, so you can just add this CSS rule to your custom CSS for a simple black border:

    #blog_subscription-2 {
   border: 1px solid #000000;
}

    Add whatever other properties that you’d like (font size, style, etc).

    Thread Starter bricklayer.payne

    (@bricklayerpayne)

    11 years, 7 months ago

    That’s great, that did it! Thanks! However, one more thing: I’m trying to change the color of the button. The element appears to have this code:

    #subscribe-submit

    …but I can’t seem to change anything about it in the CSS editor. Any ideas?

    CrouchingBruin

    (@crouchingbruin)

    11 years, 7 months ago

    It is the enclosing paragraph tag has the ID of subscribe-submit; the button itself is a submit element, so you have to make the selector a bit more selective, like this:

    #subscribe-submit input[type=submit] {
   background-image: none;
   background-color: #fff;
   color: #000;
}

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Editing Sidebar Item’ is closed to new replies.