Viewing 5 replies - 1 through 5 (of 5 total)
  • Can you please post a link to your site? Right now, the header doesn’t have any margins on the top or sides, so I’m not sure how you want it to look. You want to add some spacing round the header & content?

    Thread Starter andrejunckes

    (@andrejunckes)

    Thanks for your answer @crouchingbruin!

    If needed I do want to add some spacing round the header & content. Can you help me to do this?
    That’s my website: https://filomenarosaconsultoria.com.br

    Thanks a lot again!

    In your custom CSS, add this rule:

    
    #page, #masthead, #header-text-nav-container {
       border-radius: 50px 50px 0 0;
    }
    

    The first number is for the top left corner, the second number is for the top right corner. Adjust the values depending upon how round you want the corners.

    Thread Starter andrejunckes

    (@andrejunckes)

    Thank you so so so much @crouchingbruin!

    It did work perfectly!

    As I’m noticing, you understand a lot about CSS, so I was wondering if you can help me with something else… I need to use a custom font… I tryied to use the @font-face CSS code but it didn’t work for the desired font, do you know how can I effectivly use the font I want to?

    I tryied the following: `@font-face {
    fot-family: Philos;
    src: url(‘https://filomenarosaconsultoria.com.br//wp-content/themes/accelerate/fontawesome/fonts/baarprg_.TTF’);
    }

    p {
    font-family: Philos;
    }`

    It changed the font to another font, not the one I wanted to.

    Can you help me with this as well?

    Thanks a lot again @crouchingbruin!

    I currently see this in your CSS:

    
    @font-face {
        fot-family: Metanoia;
        src: url(\'https://filomenarosaconsultoria.com.br//wp-content/themes/accelerate/fontawesome/fonts/baarmrg_.TTF\');
    }
    

    You need to change the property name from fot-family to font-family.

    Also, when I do a view source on your site, I see this rule for the paragraph tag:

    
    p {
        font-family: \'Metanoia\';
    }
    

    That is, the apostrophes are being “escaped” with a backslash character. I’m not sure if that’s going to cause any problems or not. Are you using the theme’s Custom CSS option? Sometimes I see unusual stuff like that from a theme’s Custom CSS option, which is why I generally recommend using a Custom CSS plugin instead of the theme’s Custom CSS option. But fix the font-family property first and see if that makes a difference. If it doesn’t, remove the apostrophes from around the font name. You usually don’t need them unless the font name has more than one word in it (like Times New Roman).

    By the way, you should always include alternate, fallback fonts (i.e., web safe fonts) in case the font that you are trying to use can’t be loaded for some reason. For example:

    
    p {
        font-family: Metanoia, Arial, sans-serif;
    }
    
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how can I make the header radius corners?’ is closed to new replies.