Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1121488

    Missy S
    Participant

    Hello,

    The site im working on uses 300 font weight but I need the 1st paragraph to weigh 400. I put this in css but I see no change. Please help.

    .single-post p:first-of-type {
    letter-spacing: 0.1em;
    margin: 0 -9% 2.15em !important;
    font-weight: 400 !important;
    font-family: “Roboto”,sans-serif;
    }

    #1121504

    Rue Nel
    Moderator

    Hi There,

    Thanks for writing in! Your code is valid and correct. It should have work if you have the correct order of the element. To assist you better with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thank you.

    #1121563

    Missy S
    Participant
    This reply has been marked as private.
    #1121571

    Rue Nel
    Moderator

    Hello There,

    The code should have work but then the font weight loaded along with the Google font is only 300. You should also select the font weight in the customizer. Or at least load up the font 400 for Roboto. You can make use of this code in your customizer, Appearance > Customize > Custom > CSS at the very top before any of your custom css

    
    @import url(https://fonts.googleapis.com/css?family=Roboto:300,700,400,700italic);

    Hope this helps.

    #1156657

    Missy S
    Participant

    Hi,

    My child theme broke so in my attempt to restore my css codes, I can not figure out how to target p-meta on single pages. The p-meta is being controlled by the first of type paragraph above. How can I stop title and p-meta from reacting to this:

    .single-post p:first-of-type {
    letter-spacing: 0.1em;
    margin: 0 -9% 2.15em !important;
    font-weight: 400 !important;
    font-family: “Roboto”,sans-serif;
    }

    #1156663

    Missy S
    Participant
    This reply has been marked as private.
    #1156685

    Nico
    Moderator

    Hi There,

    Try adding this code below:

    .postid-563 .single-post .p-meta a{
    //css code here
    }

    Hope it helps.

    Let us know how it goes.

    Thanks.

    #1156717

    Missy S
    Participant

    .single-post .p-meta a worked! Thanks Nico!

    #1156726

    Lely
    Moderator

    You’re welcome Missy!

    Cheers!