Education – remove border from primary sidebar widget

Community Forums Forums Design Tips and Tricks Education – remove border from primary sidebar widget

This topic is: not resolved

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  rfmeier 1 year, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44006

    smartjacq
    Participant
    Post count: 5

    Hi

    I’ve tried experimenting with the CSS file, aided by Firefox Style Inspector but I can’t crack how to remove the top and bottom border of the Primary sidebar widget. Can anyone help me?

    Huge thanks in advance to anyone who can save my sanity.

    Best wishes

    Jacqueline

    Site under development: healthwisepharmacy.co.uk (trying to remove thick line above the ‘buy now’ button)

     

     

     

    http://healthwisepharmacy.co.uk
    #44009

    rfmeier
    Participant
    Post count: 596

    Hello,

    From inspecting, around line ~1149 within your style.css file, remove the border-top and border-bottom style attributes.

    From

    [css]
    .sidebar .widget {
    background-color: #F8F8F8;
    border-bottom: 1px solid #D6D6D6;
    border-top: 3px solid #A5A5A5;
    margin: 0 0 10px;
    padding: 25px;
    }[/css]

    To

    [css]
    .sidebar .widget {
    background-color: #F8F8F8;
    margin: 0 0 10px;
    padding: 25px;
    }[/css]

    This will affect all sidebar widgets.  Other widgets (footer or header?) could possibly be affected too.  You would have to accommodate those if needed.

    Let me know how it turns out.


    #44063

    smartjacq
    Participant
    Post count: 5

    Awesome – thanks Ryan – works a treat!

    cheers

    Jacqueline

    #44064

    rfmeier
    Participant
    Post count: 596

    You are welcome.  Glad I could help.


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

You must be logged in to reply to this topic.