How i remove underline links on my sight custom theme

• 

  dteseris · Member · Jun 11, 2013 at 9:50 am

  • Copy link
  • Add topic to favorites

  Hi

  Under my all posts titles and menus, there is a line when i highlight them, is there a way to remove these lines? I am using sight custom theme.

• 

  rachelmcr · Member · Jun 11, 2013 at 6:17 pm

  • Copy link

  Hi there,

  Your WordPress.com Premium upgrade includes custom design, so you can use custom CSS to remove the underlining that appears when you hover over your post titles and menus. To do this, go to Appearance > Customize in your dashboard. When the Customize tools come up, you can click on CSS to open the CSS editor. There you can enter this CSS:

  a:hover, .secondary-navigation a:hover, .main-navigation li:hover > a {
  text-decoration: none;
  }

  If you have any trouble with using the Customize tools or entering this CSS, please let me know!

• 

  rachelmcr · Member · Jun 11, 2013 at 6:17 pm

  • Copy link

  We also have additional information about using custom CSS at these links:

  Editing CSS
  Custom CSS
  CSS Basics

  For additional help customizing your blog using custom CSS, you can post your question to our CSS community forum, where you can get CSS help from both staff and volunteers:
  https://en.forums.wordpress.com/forum/css-customization

• 

  dteseris · Member · Jun 12, 2013 at 7:01 pm

  • Copy link

  Hello Thanks for your help, i have copy and paste the css that you have give me but the underlines has gone only on the menus, is there a way also to remove them from my post titles, tags, categories etc?

  Thanks in advance for your reply.

• 

  rachelmcr · Member · Jun 12, 2013 at 8:57 pm

  • Copy link

  Hi there,

  It looks like the CSS you pasted was just missing the first “a:hover” selector. I added that to your custom CSS, so the underlining should be gone now from your post titles, tags, and categories. Can you take a look again and let me know if it looks right to you?

• 

  dteseris · Member · Jun 13, 2013 at 6:50 am

  • Copy link

  Hi,

  Thanks everything looks perfect, exept the “continue reading” on my posts, is there any way to ged rid of this too?

  Thanks

• 

  rachelmcr · Member · Jun 13, 2013 at 6:50 pm

  • Copy link

  You can remove the underlining on “Continue Reading” by adding the selector “.entry-content a” (without quotes) to the CSS you have. The CSS will look like this:

  a:hover, .secondary-navigation a:hover, .main-navigation li:hover > a, .entry-content a {
  text-decoration: none;
  }

  That should take care of it. Let me know how it works for you!

• 

  dteseris · Member · Jun 13, 2013 at 7:16 pm

  • Copy link

  Hi i have try this but again with no luck, i guess css its not my thing,
  pls advise

  Thanks

• 

  rachelmcr · Member · Jun 13, 2013 at 7:24 pm

  • Copy link

  I took a look at the CSS on your website, and I didn’t see the new CSS on there. Can you try copying the new CSS I posted above and pasting it into your CSS editor (on your dashboard under Appearance > Customize > CSS)? Be sure to click the “Save” button after you paste it in.

  If you run into trouble with that, please let me know.

• 

  dteseris · Member · Jun 14, 2013 at 6:51 am

  • Copy link

  Hi

  I have managed to do it correctly this time, and everthing looks fine.

  Thanks for your Support

• 

  rachelmcr · Member · Jun 14, 2013 at 6:31 pm

  • Copy link

  You’re welcome. :) I’m glad it worked for you!