Tagged: 

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #1122416

    Hi, how can I change my font style in all posts? I want to change all h1/h2/h3… and all site content for “noticia text,serif;” font style.
    I wanted this font style to be included in all subsequent posts in the future.

    This is a link to an example of my post > https://l2p-league.com/ (Purchase code hidden if logged out) -patch-9-14b/

    #1122471

    Hey buciks1,
    Please try setting your font in Enfold Theme Options > Advanced Styling and choose your headings and body or “p” for the main page content.
    Then clear your browser cache and any cache plugins such as autoptimize.

    Best regards,
    Mike

    #1122542

    Hey mike,
    But I want to use those things only in my posts, not everywhere on page. This gonna work this way?

    #1122579

    Mike I checked it and it works also for my normal pages. I want use it only for posts

    #1122587

    Hi,
    To apply css to only posts please start your css rules with:

    #top.single-post #wrap_all

    for example:

    #top.single-post #wrap_all h1,
    #top.single-post #wrap_all h2,
    #top.single-post #wrap_all h3,
    #top.single-post #wrap_all h4,
    #top.single-post #wrap_all .post-entry p,
    #top.single-post #wrap_all .post-entry a,
    #top.single-post #wrap_all .entry-content {
    	font-family: 'Noticia Text', serif !important; 
    }

    You may not need to use #wrap_all, but it can’t hurt. You also may want to add rules for “strong” & “li”, it depends on your posts.

    Best regards,
    Mike

    #1122822

    Thanks! It works but not the way that I want :/
    Are you able to give me css codes from article from this site? > https://mobalytics.gg/blog/best-tft-comps/
    I really want to have same fonts in text and all h on posts like they.

    #1122829

    I also would like to know how can I change h1/h2..(all) so that there are no only uppercase letters (in all posts)
    There is ss from my example post > https://imgur.com/a/CiKCAQV

    #1123058

    Hi,
    Glad to hear that this works, somewhat.
    Please explain what elements the css above is not including so we can adjust, perhaps you would like the whole site to be this font except a couple of elements? Sometimes it helps to look at it this way.
    As for:

    so that there are no only uppercase letters (in all posts)

    Do you mean that you want no uppercase headings, or that only some should be uppercase?
    It may be better to have no forced uppercase so that if you want an uppercase you can type it, is that your thought?

    Best regards,
    Mike

    #1123189

    Hi, I just want have exactly same fonts and headings in my posts like this site > https://mobalytics.gg/blog/best-tft-comps/
    I have used the same font like they but for some reason, their heading and the text looks different, like thicker.
    There is ss to info about their css > https://imgur.com/a/Mw6R4iB

    Yes, I don’t want uppercase headings in my posts. Yes exactly, I want to manually decide on uppercase letters in headings.

    • This reply was modified 2 weeks, 5 days ago by  buciks1.
    #1123382

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.single-post #wrap_all h1,
    #top.single-post #wrap_all h2,
    #top.single-post #wrap_all h3,
    #top.single-post #wrap_all h4,
    #top.single-post #wrap_all .post-entry p,
    #top.single-post #wrap_all .post-entry a,
    #top.single-post #wrap_all .entry-content {
    	font-family: 'noticia text', serif !important;
        color: #333 !important; 
        font-weight: 400 !important; 
        text-transform: none !important; 
    }

    Then clear your browser cache and check.

    Best regards,
    Mike

    #1123603

    Still not look same like on this page. Headings and text looks different. Headings and text from this site https://mobalytics.gg/blog/best-tft-comps/ looks just thicker.
    Also there is a problem because text looks different in some places. Here is are ss > https://imgur.com/a/dHRZtCL

    H1,h2.. are finally not uppercase.

    • This reply was modified 2 weeks, 4 days ago by  buciks1.
    #1123698

    Also please can you tell me how can I have to not force uppercase in all headings on particular pages?

    • This reply was modified 2 weeks, 4 days ago by  buciks1.
    #1124381

    Hi,
    Sorry for the late reply, I tried to find an uppercase heading on your page that is forced by css, but did not.
    Please see the screenshot in Private Content area.

    Please try adding this css to correct the text on your page:

    #top.single-post #wrap_all strong,#top.single-post #wrap_all div {
    	font-family: 'noticia text', serif !important;
        color: #333 !important; 
        font-weight: 400 !important; 
        text-transform: none !important; 
    }

    or adjust the css above like this:

    #top.single-post #wrap_all h1,
    #top.single-post #wrap_all h2,
    #top.single-post #wrap_all h3,
    #top.single-post #wrap_all h4,
    #top.single-post #wrap_all .post-entry p,
    #top.single-post #wrap_all .post-entry a,
    #top.single-post #wrap_all .entry-content,
    #top.single-post #wrap_all strong,
    #top.single-post #wrap_all div {
    	font-family: 'noticia text', serif !important;
        color: #333 !important; 
        font-weight: 400 !important; 
        text-transform: none !important; 
    }

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1125247

    This is how it looks like after adding those two CSS. > https://imgur.com/a/AQzFJh8
    ( this looks same exactly same like with previous CSS’s

    About your link. I mean pages, not posts. I’m asking about particular pages, for example, this > https://l2p-league.com/lol-coach/

    #1125298

    Hi,
    Oh I see, the text transform was on a page, please try this css:

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
        text-transform: none !important; 
    }

    For you post font please remove the previous css and clear your autoptimize plugin, and try this css in the WordPress > Customize > Additional CSS because it has priority:

    #top.single-post h1.av-special-heading-tag {
        font-size: 34px !important; 
        font-weight: 700 !important; 
        line-height: 38px !important; 
        margin-bottom: 20px !important; 
        font-family: 'noticia text' !important; 
    }
    #top.single-post h2 {
        font-size: 33px !important; 
        font-weight: 700 !important; 
        line-height: 43px !important; 
        margin-bottom: 13px !important; 
        font-family: 'noticia text' !important; 
    }
    #top.single-post p {
        font-size: 19px !important; 
        font-weight: 400 !important; 
        line-height: 30px !important;
        font-family: 'noticia text' !important; 
    }
    #top.single-post li {
        font-size: 19px !important; 
        font-weight: 400 !important; 
        line-height: 30px !important;
        font-family: 'noticia text' !important; 
    }

    on the page your cloning from the first paragraph is italic, but on your page it’s not, so I assume we are ignoring that.

    Best regards,
    Mike

    #1125484

    Thing with pages works! Thanks.

    But second CSS is still not the same :/ SS > https://imgur.com/a/kvz7bfn

    #1125784

    Hi,
    Sorry, but the differences I can find between the two pages is yours is not using the css above, which is a direct copy from the other site.
    I see you are still using the autoptimize plugin, please try disabling it and the css merging in the theme settings.

    Best regards,
    Mike

    #1125898

    I was doing it before.

    And I did it one again right now. First I disable autoptimize plugin then I do changes with css

    Effect still the same > https://imgur.com/a/UIlva3Y

    If you are still not sure that I’m doing it, you can do it by yourself on our page, and you will see that doesn’t work

    #1126118

    Hi,
    Please include an admin login in the Private Content area so we can check.

    Best regards,
    Mike

    #1126803

    Ok

    #1127515

    Hi,
    Sorry for the late reply and thanks for the login, I found that while my browser inspector was showing that your font on the page was “noticia text” the font was not correct when compared to the font on Google Fonts and it turns out that even though Google showed the font code as font-family: ‘noticia text’; it was really meant to be: font-family: ‘noticia-text’; with a dash.
    I added the adjusted css to your WordPress > Customize > Additional CSS
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1127570

    Hi, Thanks man! Everything is great but I have only one question. I want to be able to set the size of h2 manually and I can’t. How can I do that?
    Here Im sending ss from CSS after my adjustment > https://imgur.com/a/Wsks8rD

    #1127788

    Hi,
    Glad to hear!
    Ok, so setting the H2 “manually”… I think we are thinking of two different things with the word “manually”, when I think of manually I think of setting the font size with css, but from your screenshot I see that you removed the font size from the css.
    So perhaps you mean that you want to set the font size in the advanced styling options page, or some other way that is not using the css? Is this correct?

    If not please explain.

    Best regards,
    Mike

    #1128112

    Im trying to change the font size of h2 here but it doesn’t work
    ss > https://imgur.com/a/H6xZ4iC

    #1128133

    Hi,
    Thank you for the screenshot, this helps. The 40px you put in the text block element is for paragraph text, the H2 already has a font size assigned in the base.css and has more specificity than the size you entered there.
    If you used the special heading element with h2 picked as the heading you would have the 40px, or any size you wish on a per case basis, or if you added the “font-size” back into the css as before you would have all single post H2’s the same size.
    Or you could add a “span” font-size in the code view of the text block and have that one H2 40px.
    Please let us know if you would like to see an example of this.

    Best regards,
    Mike

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

You must be logged in to reply to this topic.