Font Weight Font Size

Hi Yigit,

Thank you!

Almost done. As you can see on the form page in the link I provided still shows bold: I’d like to font-weight: 300 these 3 elements:

1. CONTACT FORM: The submit button font size I’d like to enlarge and font weight 300. I can change the size of the font but I can’t seem to change the weight.

2. CONTACT FORM: How do I change the input text font? The font that users will type to submit?

3. BROWSERS: The code I have listed below seems to work on Safari for Mac but the changes are showing on Chrome or Firefox?? Why?

4. How do I get rid of the underlines in links site wide?

Thank you!

Currently this is what I have: Is this correct? Seems to work.

.title_container {
display: none;
}

.form-allowed-tags {
display:none;
}

h2 {
 font-weight: 100!important;
 font-size: 130%!important;
}

h3 {
 font-weight: 100!important;
}

h4 {
 font-weight: 100!important;
 font-size: 130%!important;
}

p {
 font-weight: 100!important;
 font-size: 110%!important;
}

body {
 font-weight: 100!important;
}

.main_menu a {
  font-weight: 400!important;
}

.avia_ajax_form label {
 font-weight: 100!important;
}

.phone-info {
 font-weight: 500!important;
 font-size: 110%!important;
}

.asc_count {
 font-weight: 300!important;
}

.news-headline {
 font-weight: 100!important;
}

.rsswidget {
 font-weight: 300!important;
}

Hey Yigit! Thanks!

1. **********BROWSER FONT RENDERING: Why does the font look bolder in Chrome, Firefox Etc? Look at the copyright etc. All the font is noticeably bolder. It ruins my fun! note: I reset my browser to factory defaults so it definitely cleared the cache.
Safari (perfect)
Chrome (not good)

2. BUTTON: The submit button seems to get larger and smaller when I change the text. How can I change that differential? I’d like to make the font larger and the button smaller.

3. BUTTON EDIT: Would you happen to know how to make the button look like this? With just a ultra thin stroke around it :)

Gracias! Jas

Here is the entire CSS so you can see what is gong on:

/* misc */ 

.title_container {
 display: none;
}

.form-allowed-tags {
 display:none;
}

a, a:hover { 
 text-decoration: none!important;
}

/* top */ 

#top .social_bookmarks li {
 border-right-style: none;
}

.phone-info {
 font-weight: 500!important;
 font-size: 110%!important;
}

.main_menu a {
 font-weight: 400!important;
}

/* body */ 

h2 {
 font-weight: 100!important;
 font-size: 130%!important;
}

h3 {
 font-weight: 100!important;
}

h4 {
 font-weight: 100!important;
 font-size: 130%!important;
}

p {
 font-weight: 100!important;
 font-size: 110%!important;
}

body {
 font-weight: 100!important;
}

/* form*/ 

.avia_ajax_form label {
 font-weight: 100!important;
}

#top input[type="text"] {
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-weight: 100!important;
}

#top textarea {
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-weight: 100!important;
}

.avia_ajax_form .button {
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-size: 12px; 
 font-weight: 100!important;
}

/* sidebar */ 

.asc_count {
 font-weight: 300!important;
}

.news-headline {
 font-weight: 100!important;
}

.rsswidget {
 font-weight: 300!important;
}

Hi Yigit,

I noticed this code causes a problem in the search box. See that little space? When I remove the code the problem goes away. Hmm.

#top input[type="text"] {
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-weight: 100!important;
}

Thank you so much for your time, Jasmer

• This reply was modified 10 years, 9 months ago by Jasmer. Reason: one problem solved, one still remaining