Support Forums

css - button formatting

This is a discussion on css - button formatting within the Templates, HTML, CSS, and Design Help forums, part of the General category; Please advise where in the css I can modify the way the buttons look in the steps pages (ie step ...


Go Back   68 Classifieds Forums > General > Templates, HTML, CSS, and Design Help

Reply
 
Thread Tools Display Modes
Old 10-12-2009, 09:04 PM   #1
Junior Member
 
Join Date: Aug 2009
Posts: 24
Rep Power: 6
adexinc is on a distinguished road
Default css - button formatting

Please advise where in the css I can modify the way the buttons look in the steps pages (ie step 1, step 2 etc)

I am trying to modify the font-weight of buttons in the group:
/* @group Typography */
in the css sheet when I modify the following code - I cannot see this change on the buttons (the buttons are not bold)

a.button {
font-weight:bold;
}

a.button:hover {
font-weight: bold;

Please advise. Thank you

Joanna

Running Deepsea 4.1.5
adexinc is offline   Reply With Quote
Old 10-12-2009, 09:17 PM   #2
curmudgeon
 
Join Date: Mar 2006
Posts: 5,342
Rep Power: 132
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default

One of the best free tools for working with CSS and html is the firefox browser with the firebug plug in. It allows you to select any element of a page and immediatly see the html and css associated with it. You can even edit it in real time, in memory, in the browser to see the changes before you actually edit the file.
__________________
Larry

Knowledge learned is more valuable than knowledge given.
Lhotch is offline   Reply With Quote
Old 10-12-2009, 09:24 PM   #3
68 Evangelist & Developer
 
 
Join Date: Jan 2007
Location: Pennsylvania, USA
Posts: 2,061
Rep Power: 61
Mike-N-Tosh is just really nice Mike-N-Tosh is just really nice
Default

Your code isn't going to be called unless you ad something to the actual template. Those aren't defined as buttons in the html as buttons. they are input elements of type "submit".

If you want it to be a button then you'd have to define a class for it and attach it to the input element.

<input class="my_button" type="submit" name="submit">

Then in your CSS, define your class

.my_button ...
__________________
Mike-N-Tosh
IndianaPC.org - A community website (v3.1.10 Developer - heavily modified & used as the CMS)
Sandbox [localhost(v3.1.10, v4.0.9, 4.1.10,4.2)] for development and customization
Visit My blog: reviews, tips, tricks, tutorials and my store with Templates, Mods & Docs
Web Hosting | Web Design & Development | 68 Classifieds Customizations
I am not a 68C employee, just a user and try to help out
Mike-N-Tosh is offline   Reply With Quote
Old 10-13-2009, 10:45 AM   #4
68 Classifieds Staff
 
Eric Barnes's Avatar
 
Join Date: Mar 2006
Location: Belmont, NC
Posts: 5,493
Rep Power: 132
Eric Barnes is just really nice Eric Barnes is just really nice
Default

This should already be defined in the style sheet:
Code:
#content .continue input {
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:double;
border-width:3px;
color:#333333;
float:right;
padding:0.25em;
}
Just change it to what you desire.
__________________
Eric Barnes
68 Classifieds Developer
Customer Area | Issue Tracker | Documentation | 68C Mods | 68 @ Twitter | My Modules
Eric Barnes is offline   Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
General formatting budriddler Technical Support 1 12-12-2008 09:33 AM
<button> as Submit button bowers01 Templates, HTML, CSS, and Design Help 1 09-27-2008 06:21 AM
Formatting Ads webwitch Technical Support 1 10-29-2007 10:11 AM


All times are GMT -4. The time now is 06:22 PM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0