New Landing How can we help? Atelier Override headings sizes with Custom CSS

Viewing 11 posts - 1 through 11 (of 11 total)
  • Posted in: Atelier
  • #315957
    filipecardigosoliveira
    Member
    Post count: 73

    Hi, I’m using custom CSS/JS panel to give a new size+family to headings, but it doesn’t override the default settings. I don’t use the Font Options panel because I’m working with an @font-face property, as the service providing the font won’t let me host the font on my server.
    It’d be of great help to style them all instead of giving the headings (extra) classes.
    Is there a way of styling them on the CSS file permanently? If so where can I change it?
    Thanks in advance, Filipe.

    #316058
    filipecardigosoliveira
    Member
    Post count: 73

    Hi, I’m also having some trouble overriding <p> font-family, even though I’m defining a custom property for <p> on “Custom CSS/JS” menu it keeps showing the default “Source Sans Pro” font.
    Help appreciated. Thanks!

    #316063
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Regarding the css try to use the !important sometimes it’s the only way to override it.

    You can also place them inside the style.css in your child theme, don’t place it in the parent theme or the updates will erase that.

    Can you provide a screenshot and the url page of the element you are trying to change so I can inspect it with the browser inspector?

    Thanks

    -Rui

    #316064
    filipecardigosoliveira
    Member
    Post count: 73
    This reply has been marked as private.
    #316066
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Not sure if you installed the Atelier child theme already, check in the Themeforest download area it’s inside the big zip that contains everything.

    Just upload it and activate it like any other theme, then you can go to Appearance-> Editor and edit the style.css

    Regarding the font it seems to be caused by this custom css.
    https://www.dropbox.com/s/f2oiejlic811jc8/Screenshot%202017-03-06%2015.22.17.png?dl=0

    If it’s not in your custom css option then add this code.

    body, p, nav .shopping-bag {
        font-family: "Neutral"!important;
    }

    -Rui

    #316074
    filipecardigosoliveira
    Member
    Post count: 73

    Ok, I already installed the child-theme but now every custom CSS added before didn’t render.
    I replicated from CSS/JS theme to Style.css and still nothing happened. :/

    #316076
    David Martin – Support
    Moderator
    Post count: 20834

    Please add a WP login for us to take a closer look.

    Thanks.

    #316078
    filipecardigosoliveira
    Member
    Post count: 73
    This reply has been marked as private.
    #316265
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Your styles are being applied.

    #316266
    filipecardigosoliveira
    Member
    Post count: 73

    Yes, they are since yesterday.
    Thanks for your help!

    #316436
    David Martin – Support
    Moderator
    Post count: 20834

    Great, glad you got it sorted.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register