Welcome to Geeklog, Anonymous Sunday, December 22 2024 @ 02:27 am EST

Geeklog Forums

tags/css changes


Status: offline

briti9

Forum User
Newbie
Registered: 12/20/07
Posts: 1
Trying to just chuck a new background onto an existing site, but I can't figure where tags like this {readmore_link} are getting their style applied from?? it seems to be pulling from the a.link, hover, etc. in style.css but there was nothing defining it from what i could see in the thtml file & if i put in a new class
A.storylink:link, a.storylink:visited, a.storylink:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00357c;
}

A.storylink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF9900;
}
it doesn't change anything
i need to do this b/c i'm changing bkgnd colour and links are not showing up b/c white on white -etc...-------- :banghead: :helpme: :blahblah: :banghead:
 Quote

Status: offline

jmucchiello

Forum User
Full Member
Registered: 08/29/05
Posts: 985
Sometimes you have to reload the css file directory. Type http://yourhostname/layout/yourthemename/style.css directly into your browser. After it loads, verify that your changes are listed. If they aren't, reload the page (F5) and check again. Then go back to the page you were playing with do see the new styles applied.
 Quote

briti9

Anonymous
i did what you said - and still nothing - i applied the style to storybodytext.thtml and also storytext.html - and nothing - cleared cache - deleted off server, reuploaded, etc. opened in a different browser and nothing will change it...

i can apply another style from the css to the {read more} for example a background - but - the link is still pulling it's colours from the a.link,a.hover, a.visited styles. I guess i could just do that so it shows up but I just don't get why it's overriding what i'm doing to change it's link colours...? it's very odd.

any more ideas would be great. & thanks.
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
Those tags generate just the pure html with no styling, so yes, by default they pick up the default styling for links. To change that, you would need to alter the class descriptions for "story-footer" in your style.css file. So if your featuredstorytext.thtml and storytext.thtml look like this:

Text Formatted Code

    <div class="story-footer">
        {edit_link}&nbsp;{page_selector}<br />        {readmore_link} {post_comment_link}<br />        {start_comments_anchortag}{comments_with_count}{end_comments_anchortag} {start_trackbacks_anchortag}{trackbacks_with_count}{end_trackbacks_anchortag}
    </div>
 


Then, in your style.css file add the appropriate properties that will overwrite the previous cascade, like this:

Text Formatted Code

.story-footer {
  /* the bottom of the story with edit-links etc */
  color:#000; /*or whatever color you want for regular text*/
  padding:3px;
  text-align:center;
}
.story-footer a:link,
.story-footer a:visited {
  color:red; /*or whatever color you want for link text*/
}
.story-footer a:hover {
  color:green; /*or whatever color you want for link hover text*/
}
 


Hope this helps!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

All times are EST. The time is now 02:27 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