Tagged: 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • August 29, 2017 at 2:36 am #845141
    Kelly Erickson

    Hi there,

    I have been reading through topic after topic on changing the font weight of the website but I am just not getting something right. I want the text weight to be Raleway ExtraLight and the headers to be Raleway Light. I’ve pasted the following code into my themes function.php file but nothing.n 

    add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Raleway'] = 'Raleway:300,400,500,600,700';
return $fonts;
}

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{

$fonts['Raleway'] = 'Raleway:300,400,500,600,700';
return $fonts;
}
    August 30, 2017 at 4:39 pm #845859
    Victoria

    Hey kellyCraftMedia,

    And how are you applying this font to the elements? It should be something like this:

    
.av-special-heading-tag, #top #wrap_all .all_colors h2 {
  font-weight: 300 !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 30, 2017 at 8:00 pm #845943
    Kelly Erickson

    Hi Victoria! Thanks for that info – it worked on the headings but not the body text.

    Thanks!

    August 30, 2017 at 11:37 pm #846013
    Jordan Shannon

    Hi,

    If you need it to work for the body text just change the “h2” in the css to “p”. If this doesn’t work, let me know the exact section you are trying to target.

    Best regards,
    Jordan Shannon

    September 1, 2017 at 7:04 am #846629
    Kelly Erickson

    Unfortunately that didn’t work.

    There is no specific section I’m trying to target, just literally all the Body Text. Since the Fonts tab under General Styling doesn’t give you a Raleway option as the body text, I’m trying to change it using custom coding.

    September 1, 2017 at 5:12 pm #846920
    Jordan Shannon

    Hi,

    If it is the entire body text then the following should work:

    body {
  font-weight: 300 !important;
}

    Best regards,
    Jordan Shannon

    September 1, 2017 at 8:12 pm #846976
    Kelly Erickson

    I added that to my Quick CSS but it did nothing and the font is still in Lato not Raleway.

    September 1, 2017 at 8:28 pm #846980
    Jordan Shannon

    Hi,
    Would you be able to provide admin info to the private area so we can log in and look into this issue further?

    Best regards,
    Jordan Shannon

    September 1, 2017 at 8:34 pm #846982
    Kelly Erickson

    See below:

    September 2, 2017 at 6:19 am #847069
    John Torvik

    Hi,

    I have checked your site and the Raleway is working normally.

    Best regards,
    John Torvik

    September 6, 2017 at 5:36 am #848440
    Kelly Erickson

    I’m not getting the Thin version of the font, I’m not sure how to do that. I tried the CSS code provided in #846920 reply but it doesn’t do anything.

    Thanks!

    September 6, 2017 at 7:54 am #848463
    Jordan Shannon

    Hi,

    I’m trying to log in to the site and received a DB connection error. Can you please check this.

    Best regards,
    Jordan Shannon

    September 6, 2017 at 7:45 pm #848819
    Kelly Erickson

    Must have been a glitch, everything is working fine!

    September 7, 2017 at 12:05 pm #849075
    Victoria

    Hi kellyCraftMedia,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_textblock p {
  font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 20, 2017 at 10:38 pm #854582
    Kelly Erickson

    It took me a while to get around to applying this but I finally got around to it. The code worked but the weight is heavier, even though I’ve added the body weight code from earlier.

    September 21, 2017 at 9:14 pm #855055
    Victoria

    Hi kellyCraftMedia,

    Have you tried like this?

    
.avia_textblock p {
  font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300 !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 22, 2017 at 1:27 am #855130
    Kelly Erickson

    Hi Victoria! I did try that but the weight stays the same – If I increase it up to, for example, 700 the weight does change. So I suspect now it’s not exactly the code but the available font weights?

    I’m looking for Raleway ExtraLight and Light as you can see in the font options here: https://www.fontsquirrel.com/fonts/raleway

    Thanks!

    September 22, 2017 at 11:03 am #855309
    Victoria

    Hi kellyCraftMedia,

    The 100 font-weight will make your text very hard to read on that page, when I changed to 700, the change was there, but was very hard to spot. What you have on the page looks very much like the Raleway Light.

    Best regards,
    Victoria

    September 22, 2017 at 9:42 pm #855597
    Kelly Erickson

    If it were my choice, I’d leave it as is, but the client really wants a lighter version of the font. Comparing the site to the link I sent you previously, it does not look like Raleway ExtraLight font that I’m going for.

    Just to be clear – are you saying we can’t go any lighter no matter what we do?

    September 23, 2017 at 9:15 pm #855905
    Mike

    Hi,
    Perhaps trying Use Any Font plugin will allow you to get the weight you are looking for and help pinpoint the underlying issue.

    Best regards,
    Mike

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.