Remove Header Border in Able theme

• 

  lifestylesky · Member · Jan 27, 2014 at 12:41 am

  • Copy link
  • Add topic to favorites

  I really would like to remove the border around my header/logo. And I am new to css..if there is a code where do I place it? Thank you so much!

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

• 

  justpi · Member · Jan 27, 2014 at 2:55 am

  • Copy link

  #headimg img {
  box-shadow: none;
  }

  You paste this into the CSS editor (Appearance > Customize > CSS), after you delete the entire intro message.

• 

  lifestylesky · Member · Jan 27, 2014 at 3:15 am

  • Copy link

  Thank you so so much justpi! That was super easy and it worked! Thank you for your help!

  Do you also know how to remove the grey border from the top menu so just the black text shows?

  Also how to remove the thin grey border around each post? Is there a code for that?

  Really appreciate your help and time!

  Sincerely,

  Masha

• 

  justpi · Member · Jan 27, 2014 at 5:35 pm

  • Copy link

  You’re welcome.

  Add these:

  .main-navigation, .menu-toggle {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  }
  .hentry {
  border-bottom: 0 none;
  box-shadow: none;
  }

• 

  lifestylesky · Member · Jan 28, 2014 at 12:28 am

  • Copy link

  Thank you so so so so much Justpi!!!

  It worked and I love how it looks without borders! Once I finalize a few other things on my blog I will take it live.

  Again I really appreciate your help and time! Your are the best! You saved me so much time, money and hair pulling!

  Thank you, thank you, thank you!

  Sincerely,

  Masha

• 

  justpi · Member · Jan 28, 2014 at 1:37 am

  • Copy link

  You’re welcome, but I’m not seeing any changes and you don’t seem to have the upgrade on http://lifestylesky.com/. Are you talking about a different blog?

• 

  lifestylesky · Member · Jan 28, 2014 at 7:21 am

  • Copy link

  Yes it’s the same blog. All the codes you gave me worked and I love the look with no borders! The changes are not live just yet. I want to update my logo before I go live with the changes. It will go live by Wednesday and I am purchasing the upgrade.

  Thank you so so much for all your help! I love it!

  Sincerely,

  Masha

• 

  lifestylesky · Member · Jan 30, 2014 at 7:24 pm

  • Copy link

  Hello again justpi,

  I am still working on the blog changes and want to go live on Friday or Saturday. I was wondering if I could possibly ask for your help on two more codes?

  I removed the grey border from the menu section (Thank you) but when I place the curser over a menu word it highlights it as a grey border. Do you know the code to remove the grey border from the menu word when it is selected so just the black text shows underlined?

  Also I would like to remove the grey border box from “Continue Reading”.

  Thank you again for all your amazing help!!

  Sincerely,

  Masha

• 

  justpi · Member · Jan 31, 2014 at 1:13 pm

  • Copy link

  Hi,
  Add these:

  .main-navigation a:focus, .main-navigation li:hover > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  }
  .page-links a, .more-link {
  background-color: transparent;
  background-image: none;
  border: 0 none;
  }

• 

  lifestylesky · Member · Jan 31, 2014 at 6:42 pm

  • Copy link

  Thank you so so much! I just made all the changes with the codes you gave me and everything looks amazing!!!! You are the best! Last two questions I promise…. if possible.

  I still can not center my “posted on” date and year with my post tile and I tried a few different codes.

  Also my social media black icons for some reason have a right hand side grey border/line…is there any way to get rid of that? They are separate widget images.

  Thank you again for all the codes!!!!!!! I love it!!!

• 

  justpi · Member · Jan 31, 2014 at 7:37 pm

  • Copy link

  You’re welcome.

  To center the post title and meta, add this:

  .logged-in .entry-title {
  width: 100%;
  }
  .entry-meta {
  text-align: center;
  }

  To remove the border from all your sidebar images, add this:

  .widget-area img {
  box-shadow: none;
  }

• 

  lifestylesky · Member · Jan 31, 2014 at 8:06 pm

  • Copy link

  Will you marry me please?

  Thank you a thousand times. I just made the updates and all the codes worked and look amazing!

  Thank you so so so much for making my new blog look beautiful!

  You made my year!!!!!!!!!!!!!

  Sincerely,

  Masha

• 

  justpi · Member · Feb 1, 2014 at 6:25 pm

  • Copy link

  You’re welcome!