Welcome to Geeklog, Anonymous Sunday, December 22 2024 @ 09:29 am EST

Geeklog Forums

how to put border around my images, but not logo?


CSS Help

Anonymous
Hello. I'm new to CSS. I get how it works, but I'm simply not very good yet. I pulled the stylesheet for my theme and searched for img. I then added:
Text Formatted Code


   padding:1px;
   border:1px solid #021a40;
 

....Works great, except.. it puts a border around my logo, as well. I searched for logo, found .header-logo and added:
Text Formatted Code
border:0px;
but it just pretty much ignores that.

How can I specify that I want my images in my submissions to have a border, but not my logo?

Thanks in advance.
 Quote

Status: offline

suprsidr

Forum User
Full Member
Registered: 12/29/04
Posts: 555
Location:Champaign, Illinois
try
Text Formatted Code

.story-container img {
    border:1px solid #021a40;
}
 


-s
FlashYourWeb and Your Gallery with the E2 XML Media Player for Gallery2 - http://www.flashyourweb.com
 Quote

Status: offline

1000ideen

Forum User
Full Member
Registered: 08/04/03
Posts: 1298
In the 'professional' theme I succeeded with this:

Text Formatted Code
.story-body img {
  border:1px solid red;
}


It just puts a border also around the icon. How to prevent this? Looks like the image and also icons in a story need 2 separate classes.
 Quote

All times are EST. The time is now 09:29 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content