Removing a pesky border

  • Resolved kjudos

    (@kjudos)


    9 years, 11 months ago

    Hi helpful people,

    I cannot get rid of the grey border around the accordion on this page.

    I have tried isolating it with Firebug on Firefox, but for the life of me, I cannot find the relevant code.

    I have tried over-riding it in my CSS Stylesheet Editor.

    I have read forum after forum on similar, and tried their codes – nothing has worked.

    Please help if you can,

    Jonathan

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    (@esmi)

    9 years, 11 months ago

    What theme are you using? Where did you download it from?

    Thread Starter kjudos

    (@kjudos)

    9 years, 11 months ago

    WordPress 3.9.1 running Twenty Fourteen theme.
    (Downloaded from…?)

    codebala

    (@codebala)

    9 years, 11 months ago

    Hello,

    This is because of below style in shortcode.css (line 560).

    .omsc-toggle {
    margin: 1em 0;
    border:1px solid #e1e1e1;
    border-color:rgba(0,0,0,0.10);
    padding:0;
    overflow:hidden;
    }

    You could either remove the border property from above or create another style like below which will override the above one.

    .omsc-toggle {
    border:none;
    }

    Regards,
    Bala

    Thread Starter kjudos

    (@kjudos)

    9 years, 11 months ago

    Thank you Bala,

    Your second code has mostly done the job in my Stylesheet editor.

    Just the upper border remains? Any ideas?

    Also, if you can tell me how you found that (if with Firebug, how), that would help me in the future.

    But thanks a lot. It’s already a big improvement.

    Kind regards,

    Jonathan

    Michael

    (@alchymyth)

    9 years, 11 months ago

    it is again from the plugin’s styles;
    overwrite it with:
    .omsc-accordion { border-top: none; )

    Thread Starter kjudos

    (@kjudos)

    9 years, 11 months ago

    Thank you both.

    codebala

    (@codebala)

    9 years, 11 months ago

    Hello Jonathan,

    I found this using Google Chrome dev tools. Use “Computed” tab to find out which style has been applied for a given element.

    Regards,
    Bala

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Removing a pesky border’ is closed to new replies.