The Joomla! Forum ™

Download

Demo


Board index » Joomla! Older Version Support » Joomla! 1.0 » Templates & CSS - 1.0.x

Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  Page 1 of 1
  [ 12 posts ] 
  Print view Previous topic | Next topic 
Author Message
sirhanhi
 Post subject: CSS & search button
PostPosted: Sun Sep 25, 2005 6:01 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Sep 14, 2005 11:16 am
Posts: 20
Ok so i have a search button in my site. Its located in top right corner and only in frontpage. Problem is that i cannot alter its appereance, i have altered .inputbox (and im 99 % sure this is the right one) and my login boxes are right on mark, but search box doesnt change its form. Its still "default" = white background and black text.

I thought that maybe someone has changed its ID name, but i couldnt find the file to be edited anywhere.. And then again, i might be really wrong here but if someone has solution --> GIMME :).
Top
 Profile  
 
UncutDesign
 Post subject: Re: CSS & search button
PostPosted: Sun Sep 25, 2005 6:11 pm 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon Sep 19, 2005 12:59 am
Posts: 111
Location: Fernandina Beach, Fl
What template are you using?
Is it custom coded?
Top
 Profile  
 
sirhanhi
 Post subject: Re: CSS & search button
PostPosted: Sun Sep 25, 2005 6:37 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Sep 14, 2005 11:16 am
Posts: 20
ye custom made
Top
 Profile  
 
rcarver
 Post subject: Re: CSS & search button
PostPosted: Mon Sep 26, 2005 6:27 pm 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Thu Aug 18, 2005 10:24 pm
Posts: 204
got a URL so we can take a look? 

_________________
Randy Carver - carver-family.com

There are 10 types of people in this world.  Those that understand binary and those that don't.
Top
 Profile  
 
sc00zy
 Post subject: Re: CSS & search button
PostPosted: Mon Sep 26, 2005 6:37 pm 
User avatar
Joomla! Exemplar
Joomla! Exemplar

Joined: Thu Aug 18, 2005 9:07 am
Posts: 9531
Location: Assen, Netherlands
The default class for a button is.... button :laugh:

_________________
Arjan Menger
http://www.welldotcom.nl - Professionele Joomla! Design, Ontwikkeling en Hosting
http://www.joomlaideal.nl - iDEAL betaalmethode voor Joomla! en Virtuemart
Top
 Profile  
 
Casey Lee
 Post subject: Re: CSS & search button
PostPosted: Mon Sep 26, 2005 6:43 pm 
User avatar
Joomla! Explorer
Joomla! Explorer

Joined: Sat Sep 03, 2005 10:22 pm
Posts: 312
Location: AL
here's a sample class that by default effects all buttons in your site like "Login" "Search" etc..

Code:
.button {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11px;
   padding-top: 2px;
   padding-right: 4px;
   color: #CCCCCC;
   background-image: url(../images/butbg.gif);
   background-repeat: repeat-x;
   background-position: left center;
   text-align: center;
   padding-bottom: 2px;
   padding-left: 4px;
   border: 2px solid #999999;
}


The ".inputbox" class will effect the form field itself.

If you're wanting to position the button or module itself more accurately, just assign it a div class in your template file and select it from your css file and position/style it accordingly.


Last edited by Anonymous on Mon Sep 26, 2005 6:45 pm, edited 1 time in total.

Top
 Profile  
 
jondiego
 Post subject: Re: CSS & search button
PostPosted: Sat Jun 13, 2009 5:10 am 
Joomla! Guru
Joomla! Guru

Joined: Fri Jun 12, 2009 4:25 am
Posts: 630
Location: San Diego, CA
I think i found a big part of the problem. If you upload the image file through the media manager to the /images/M_images/ folder it will automatically change the file name to all lower case. You have to go into your cpanel or directly to your server and change the image file name to searchButton.gif

I am still working on the enlarged image problem

Jon
www.CareyWebDesigns.com

_________________
SEO that gets you noticed!
http://www.CareyWebDesigns.com
Real Estate Advertising
http://www.RealEstateActive.com
Top
 Profile  
 
jondiego
 Post subject: Re: CSS & search button
PostPosted: Sat Jun 13, 2009 5:14 am 
Joomla! Guru
Joomla! Guru

Joined: Fri Jun 12, 2009 4:25 am
Posts: 630
Location: San Diego, CA
I figured out how to solve the search button problem.

Go into your css file. Usually template.css and add this code

.search .button{
position:absolute;
background-image: url('/images/M_images/searchButton.gif');
background-repeat:no-repeat;
width:20px;
height:20px;
}

Go directly to your server or cpanel and upload your image file MAKE SURE TO NAME IT searchButton.gif It's case sensitive. Make sure you upload the image file you want to use to the " /images/M_images/ " folder

Once you have the file uploaded and the css coded, make sure to go into your search module through the admin panel and select "Search Button as image -Yes", "Search Button -Yes"

Hope this helps. It worked for me.

Jon
http://www.CareyWebDesigns.com

_________________
SEO that gets you noticed!
http://www.CareyWebDesigns.com
Real Estate Advertising
http://www.RealEstateActive.com
Top
 Profile  
 
dannygsam
 Post subject: Re: CSS & search button
PostPosted: Thu Jun 18, 2009 9:37 am 
Joomla! Intern
Joomla! Intern

Joined: Wed Sep 17, 2008 4:37 am
Posts: 70
I have the same problem. But there is no searchButton.gif image present and I rechecked in my custom template it does not have. What should I do? Its fine in IE8 and Mozilla. But in IE 7 it looks horrible with a big box showing that image not present

_________________
SEO-Mind http://www.seo-mind.com
World's Best Guitarists http://www.worldguitarists.com


Top
 Profile  
 
Tameran
 Post subject: Re: CSS & search button
PostPosted: Mon Aug 10, 2009 2:59 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Jul 31, 2009 2:23 pm
Posts: 13
I also have this problem. I uploaded a gif to the image manager and put it in the correct folder. I named the file searchButton.gif, but when I try to upload the image it is automatically changed to searchbutton.gif and therefore will not show up. Any ideas why this is happening and is there some manipulation to the CSS that also needs to be done to have a custom button appear? I am new at this!!
Top
 Profile  
 
webpetrol
 Post subject: Re: CSS & search button
PostPosted: Sat Jan 23, 2010 9:25 am 
User avatar
Joomla! Apprentice
Joomla! Apprentice

Joined: Sat Jan 23, 2010 8:58 am
Posts: 6
This is good idea.It works fine.
.search .button{
background-position: left center;
background-image: url('/images/M_images/searchButton.gif');
background-repeat:no-repeat;
width:20px;
height:20px;
}
Top
 Profile  
 
whyknott
 Post subject: Re: CSS & search button
PostPosted: Wed Dec 21, 2011 5:59 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Tue Nov 29, 2011 8:22 pm
Posts: 30
Where can I find the CSS for the actual Search Results Page? I'm using the default search module in Joomla 1.7 and want to stylize what the text looks like on my search results page. I'm using firebug to sort thru the search results page but still cannot find the CSS for it.

Thanks!
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 12 posts ] 


Board index » Joomla! Older Version Support » Joomla! 1.0 » Templates & CSS - 1.0.x

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group