Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 01:59 pm EDT

Geeklog Forums

CSS center picture highlight colour


sam (uk)

Anonymous
Hi, I have been playing around with my sites style sheets. here and I have one last question to ask.

How do I change the highlight link colour that surrounds any pictures in my stories area?

Would some kind soul help me work through this problem?

Thanks
Sam

Ps. If I do a search for the colour code in the css file the only line found with a match is
Text Formatted Code
.header-navigation a:visited {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#800080;
  font:82% Tahoma,verdana,helvetica,arial,sans-serif
 

but I would presume this only effects the header.
 Quote

Status: Banned

machinari

Forum User
Full Member
Registered: 03/22/04
Posts: 1512
try this
 Quote

Sam

Anonymous
Thanks for your reply, but I am having problems with both methods that are suggested in the link.

I would prefer the change to be a css, it is suggested to change or add img { border:0 } to the style sheet. As I can't find this code in the style sheet I guess I am going to have to add it, How should I go about doing this?

I really appreciate any time given in helping me.
Thanks
 Quote

sam

Anonymous
ok, got it. just paste the boarder thing at the botom of the css page.
thanks Big Celebration
 Quote

sam

Anonymous
Hello, I have found a slight problem, the style change effects the whole site, I really need the change to only apply to the stories.

Any other ideas would be really welcome.
Thanks
Sam
 Quote

Status: Banned

machinari

Forum User
Full Member
Registered: 03/22/04
Posts: 1512
look in your storytext.thtml for the container's class name if it has one (if there is none then create one) and use that class name for your style sheet rule like this:
Text Formatted Code
.classname img {border:0;}
 
 Quote

Sam

Anonymous
Thanks for your help, I now have a better understanding of geeklog and css.

Just in case anyone stumbles onto this forum needing the same help, I added this to my style.css.

Text Formatted Code
.story-box img {
    border:1px solid #5988b5;
}
 

 Quote

Sam

Anonymous
Hi, I have just realized that I'm getting a highlight link box around the topic icons, which is something I don't want.
Is it possible to keep the highlight links around the story images that I upload but remove the highlight link from the topic icons?

Thanks again for any help.
Sam
 Quote

Status: Banned

machinari

Forum User
Full Member
Registered: 03/22/04
Posts: 1512
Text Formatted Code
.story-information img {border: 0;}
 
try that
 Quote

Sam

Anonymous
Hi machinari

No joy so far. Banging your head

Sam
 Quote

All times are EDT. The time is now 01:59 pm.

  • 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