Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #215334

    I have changed the font weight with the following in quick CSS.

    I cannot get the sidebar headings to change font weight.

    I cannot get the headings for the form page to enlarge and lighten.

    Basically I’d like to adjust all the fonts on the theme. Do you have sone quick CSS I can try?

    Thank you for your time

    h2 {
      font-weight: normal;
    }
    
    h3 {
      font-weight: 300;
    }
    
    h4 {
      font-weight: 300;
    }
    
    p {
      font-weight: 300;
      font-size: 115%
    }
    #215335
    This reply has been marked as private.
    #215361

    Hi!

    Please try adding !important rule to force your custom CSS as following

    h2 {
      font-weight: normal!important;
    }
    
    h3 {
      font-weight: 300!important;
    }
    
    h4 {
      font-weight: 300!important;
    }
    
    p {
      font-weight: 300!important;
      font-size: 115%!important; 
    }

    Please also note that in your code, font size is missing semi colon at the end

    Regards,
    Yigit

    #215549

    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;
    }
    #215895
    This reply has been marked as private.
    #216219

    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;
    }
    #216223
    This reply has been marked as private.
    #216226
    This reply has been marked as private.
    #216264
    This reply has been marked as private.
    #216318

    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 2 months, 2 weeks ago by  Jasmer. Reason: one problem solved, one still remaining
    #216728

    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

    #216745
    This reply has been marked as private.
    #216754

    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

    #216758

    Hi!

    I have updated my previous code, please try it now. There was a small typo that is why submit button looks like how it looks now. That should fix it.
    I checked your website on Chrome, Firefox and IE and text looks fine on all of them and since custom CSS code is being applied, i am not really sure what we can do about it unfortunately

    Cheers!
    Yigit

    #216763

    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 2 months, 2 weeks ago by  Jasmer.
    • This reply was modified 2 months, 2 weeks ago by  Jasmer.
    • This reply was modified 2 months, 2 weeks ago by  Jasmer.
    #216776
    This reply has been marked as private.
Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Font Weight Font Size’ is closed to new replies.