Remove the slider wrap on the Academia theme

• 

  balrockdom · Member · Mar 19, 2015 at 1:29 am

  • Copy link
  • Add topic to favorites

  I’m wondering how to remove the slider wrap (orange lines) on the Academia theme. Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Mar 19, 2015 at 9:16 am

  • Copy link

  I can’t see any slider on dominiquesparksdotcom.wordpress.com.. Could you explain a bit on which orange lines do you mean? Or is it a different blog you need help with?

• 

  thesacredpath · Member · Mar 19, 2015 at 9:54 pm

  • Copy link

  Hi @balrockdom, are you talking about this site, https://araratphysio.wordpress.com? If so, I used the web inspector built into my browser to find the relevant CSS and construct the rule to hide the orange border lines at top and bottom of the slider.

  #slider-wrap {
      border: none;
  }

  If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.

• 

  balrockdom · Member · Mar 19, 2015 at 10:17 pm

  • Copy link

  Yes, that is the site I’m talking about, thank you for your feedback. I have found the CSS by right clicking on it, and clicking “Inspect Element” and now wondering if I make the changes right there, or do I have to do it in the Customise feature of my theme? Thanks in advance

• 

  balrockdom · Member · Mar 19, 2015 at 10:53 pm

  • Copy link

  Actually I copied and pasted the exact wording you suggested above and into the CSS editor in my Customise feature and it worked perfectly!! Thank you so much!! Now I’d like to get rid of the Search option at the top of each page. Are you able to help with that? Thanks in advance

• 

  balrockdom · Member · Mar 19, 2015 at 10:55 pm

  • Copy link

  Actually, I think I just worked that out myself!! Amazing. thanks again

• 

  balrockdom · Member · Mar 19, 2015 at 11:42 pm

  • Copy link

  I now need to remove the orange line that is at the top of rest of the pages. Header border doesn’t seem to work. There is something called sepinside. But I can’t seem to make it invisible or have no border…..

• 

  staff-happychia · Staff · Mar 20, 2015 at 7:55 am

  • Copy link

  You almost nailed it :-)

  There is a top border for .sepinside which can be removed using this CSS:

  .sepinside {
      border-top: none;
  }