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;
}

On this page
http://staging.actify.com/product-visualization/

I have 2 pieces of code. The first one displays a white box “Request a Quote” that pops-up a form named #fancyboxID-2. This works great.
The second piece displays a blue box “Request a Quote” with an icon in it as well. The box is perfect but I am unable to get it to pop up the same form. I have tried many variations but cant it to work right.

Could you tell me how to change the code in the second instance to pop up the same form as in the first piece of code?

Code that works well:
<div class=”avia-button-wrap avia-button-center avia-builder-el-16 el_after_av_hr “><span class=”avia_button_icon” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello” style=”font-size:18px;”></span><span class=”avia_iconbox_title”>Request a Quote</span></div>

Code that wont pop the form correctly.
<div style=”float: left;”>[av_button label='Request a Quote' link='manually,#fancyboxID-2' link_target='' color='custom' custom_bg='#41c0e1' custom_font='#ffffff' size='large' position='center' icon_select='yes' icon='ue871' font='entypo-fontello']</div>

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;
}

Thanks, that did it. One last thing please, if you don’t mind. How do I make the box stay relative to the font size? Right now I have it set to 28, but the box around the font isn’t relative to it’s size the way it is on the title box that says Welcome.

Yup seems to be working, oddly enough. =) I wont bother trying to figure out why it didn’t work in the child theme’s css file before. It’s working now, and thats good enough for me. Thank you for the support. You guys rock.

Hi Yigit,

Yes, that is where I have been trying the code given above.

Japk

Thanks Ismael,

I’ve tried your suggestion, but still the stubborn text size has not changed. I did clear the cache.