Removing border around image in Lifestyle Theme.

Community Forums Forums Design Tips and Tricks Removing border around image in Lifestyle Theme.

This topic is: not resolved

Tagged: 

This topic contains 3 replies, has 3 voices, and was last updated by  lianam 5 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #99216

    lianam
    Participant
    Post count: 24

    How do I get rid of the box around the image I’ve added to this page: http://therealleader.net/classes/
    When I created the image (wording with the arrow) in Photoshop I did not create it to have that box/border. Thanks!

    • This topic was modified 5 months, 3 weeks ago by  lianam.
    • This topic was modified 5 months, 3 weeks ago by  lianam.
    #99236

    stinkykong
    Participant
    Post count: 165

    It’s in line 1042 of style.css where the rule reads

    img.alignleft, img.alignright, .alignleft img, .alignright img, .featuredpage img, .featuredpost img {
    border: 1px solid #DDDDDD;
    max-width: none;
    padding: 4px;
    }

    So you can see there is a 1pixel solid border that is a very light grey. You can right a new rule for that page specifically or remove that rule which changes the styling globally.

    Since that page has a body class of page-id-32, you could write a new rule

    .page-id-32 img.alignleft, .page-id-32 img.alignright, .page-id-32 .alignleft img, .page-id-32 .alignright img, .page-id-32 .featuredpage img, .page-id-32 .featuredpost img {
    border: none;
    }

    You actually only need the rule affecting img.alignleft in this particular case but the rule above should remove the boarder.


    Web Design by Websentia Web Services
    http://websentia.com

    #99240

    nutsandbolts
    Moderator
    Post count: 3131

    Here’s a tutorial that shows you how to find and change CSS rules in your stylesheet: http://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #99242

    lianam
    Participant
    Post count: 24

    thanks so much!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.