Part of the EllisLab Network
pMachine Pro has been replaced by ExpressionEngine, our full featured web publishing solution. Please consider upgrading.
You can download pMachine Pro here: Download pMachine Pro  |  Download Language Packs
   
 
Custom CSS in Search and Results
Posted: 29 June 2004 12:08 PM   [ Ignore ]  
Summer Student
Total Posts:  8
Joined  2004-05-14

PLEASE tell me what obvious thing I’m missing. I want to edit the CSS for Advanced Search and Results.

1) In the templates themselves, I see no reference to type size/color.

2) In both weblog.css and search.css, I don’t find a style that controls the appearance.

I’m talking about...on the Advanced Search page...the introductory wording: “Separate Keywords With Spaces”, etc.

How about the Results page as well?

Thanks.
Ruth

Profile
 
 
Posted: 29 June 2004 03:04 PM   [ Ignore ]   [ # 1 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  2002-06-19

How about a link to an example page that you’re trying to change.

If there’s some specific text you’re trying to change then you can probably surround it in a <div> or <span> and give it a CSS class.  Then add the class to your stylesheet.

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
Posted: 29 June 2004 08:25 PM   [ Ignore ]   [ # 2 ]  
Summer Student
Total Posts:  8
Joined  2004-05-14

Chris:

The link is:
http://www.lipserve.com/meislik/publications.php

We work in Dreamweaver which only shows the php tag, not the coding with the reference to stylesheets. We do see it when we look at the source code through the browser but, for the life of me, I can’t see the text style for “Separate Keywords With Spaces....etc.” Is this some kind of default text?

Are you saying we can just reference a new style in the Edit Templates window? And, if we were to do so, does it matter if we define it to weblog.css or search.css or one we’re creating on our own for this site.

Thanks. Ruth

Profile
 
 
Posted: 30 June 2004 05:00 AM   [ Ignore ]   [ # 3 ]  
Summer Student
Total Posts:  8
Joined  2004-05-14

And, a real basic CSS question, can we have more than one CSS stylesheet per page? 

Profile
 
 
Posted: 30 June 2004 12:04 PM   [ Ignore ]   [ # 4 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  2002-06-19

The code for the search form itself can be edited in your pM Control Panel: Edit Templates > search > Search Form Templates.  If you look at the code, there is no specific style applied to that text.  It will, however, inherit any styles you might have applied to parent elements.

Anyway, if you wanted to style that text specifically, you could wrap it in a span:

<span class="separateKeywords">Separate keywords with spaces</span>

Then add the style to your stylesheet (you could add it to “search.css” or “meislik.css” since both are used on that page) using whatever styles you want:

.separateKeywords {
  font
-size: 0.8em;
  
}

> can we have more than one CSS stylesheet per page

Yes, you can reference multiple stylesheets.  If more than one of them contains the same style information (i.e., if both had the “separateKeywords” class) then the last stylesheet referenced takes priority.

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 233, on December 18, 2007 12:04 AM
Total Registered Members: 61116 Total Logged-in Users: 0
Total Topics: 73972 Total Anonymous Users: 0
Total Replies: 398960 Total Guests: 29
Total Posts: 472932    
Members ( View Memberlist )
Newest Members:  wfrdJgaskinssiteku321BiktorFleshaJosepzinCMSGBpearsonakiraplttimbl
Active Members: