Gracias!

1. Is there a way to put the mail envelope icon inside the button to the left of the word “submit’? Shortcode? How would I do that?

2. Yes I noticed that the font looks the same in Firefox and Chrome. Safari looks much better. I’m guessing that Firefox and Chrome doesn’t recognize anything under font weight 300. I just doesn’t look as crisp. HOWEVER, the site I sent you a link to above actually looks perfect on all. I wonder what they did?

Thanks for your help Yigit! Jas

• This reply was modified 12 years, 3 months ago by Jasmer.

Yigit,

Thank you.

1. I don’t think the visual change to the submit button worked. It seems mostly invisible.

2. For some reason chrome does not look as thin as Safari. If you look at my screenshot of safari you can see the difference.
– Safari
– Your Chrome

3. The color change to the submit button also took the blue away from the search box but that is ok. I think I like that.

Thank you, Jas

Hi Yigit,

Urgent. Will you please answer the last 3 posts when you have a moment?

There are a couple posts I could not delete (I put a “-” instead) because I solved those issues, but there are still three readable posts I’d like to solve.

Thank you, Jas

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 12 years, 3 months ago by Jasmer. Reason: one problem solved, one still remaining

Hi Yigit,

thanks for the answer. But this does not solve the Problem i mentioned.

Please take a look at the screenshot:

http://authentic-voice.at/wp-content/uploads/2014/01/123.jpg

The Menu is still overlapping to the right. How can i get rid of this?

And i am not able to enlarge the size ofthe menu font.
I tried these codes:

.main_menu ul:first-child>li>a {
font-size: 16px;
}

and :

#top .main_menu .menu li ul a { font-size: 15px; }

both with different fonts but no change in the size.

Thanks

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