How do I remove border from hyperlink images (Adelle Theme)

  • Unknown's avatar
    saninca · Member ·

    I wanted my links in a post to show up with a border and added the following code to the ” link section”

    /*LINK*/
    a {color: #000000; border-bottom: 1px solid #C0C0C0; font-weight: 500;
    text-decoration: none; padding-bottom: 2px; }
    a:hover {color: #ddb660;}

    I was able to remove the border from other parts of the side (sitebar, post title, etc.) by using the {border: none !important;} , however, I don’t seem to be able to remove the link from hyperlink images in my post.

    I tried a img {border: none !important} but it doesn’t work.

    Any other suggestions?
    Thank you!!

  • ryancowles · Staff ·

    Hi there! It sounds like you’re on the right track. Based on the CSS that you provided above, the following should remove the border from your linked images:

    a img {
	border-bottom: none;
}

    If that doesn’t do the trick, could you please provide me with a link to your site? Then I can look into further!

  • Unknown's avatar
    saninca · Member ·

    Thank you ryancowles for your response. Unfortunately, the command that you suggested didn’t work on my site… WP would still treat any image as a link and therefore apply the a {…} specifications.

    It’s a bit of a mystery to me why some things work on certain sites and others don’t.

    I now figured out a (new) CSS command that works for my site.

    a[http*=”http://www.domain.com” ] {border: none;}

    which removes every border from an image link that links to a certain domain (in my case the domain where I store my fotos).

  • Unknown's avatar
    timethief · Member ·

    Hi there,
    re: http://theinbetweenismine.com/

    Sorry but that site you are describing is not hosted WordPress.COM. Our support docs do not apply to any sites that are not hosted by WordPress.COM and we do not provide support for them. You are posting to the wrong support forum to get help with your WordPress.ORG issue. We cannot help you here.

    WordPress.COM and WordPress.ORG are completely separate and have different logins, features, run different versions of some themes with the same names, and have separate support documentation and separate support forums. Read the differences here http://en.support.wordpress.com/com-vs-org/

    If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there.

    Resetting your WordPress.ORG password http://codex.wordpress.org/Resetting_Your_Password
    WordPress.org support docs are at https://codex.wordpress.org/Main_Page

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, for self-hosted site using Adelle, there is a dedicated forum at WordPress.org which you can post in here: https://wordpress.org/support/theme/adelle .

  • The topic ‘How do I remove border from hyperlink images (Adelle Theme)’ is closed to new replies.