Big letter post

  • Posted in : Impose
  • nati
    Participant

    Hello,
    I would like to make the first post letter the the same, as the rest.
    Please help :)
    Thanks!

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .drop-cap:first-letter, .single-post .entry-content > p:first-child:first-letter { 
    font-size: 14px; line-height: 1.9; font-weight: normal; padding: 0; margin-bottom: 0; }

    Thanks

    nati
    Participant

    No :( That’s not it :(

    serkan
    Moderator
    nati
    Participant

    Thanks!
    It did work, but the first letter is higher then the rest of the line.

    serkan
    Moderator

    Hi, Your first custom css code should have two curly brackets end of the code. Because it has media query for specific width. }}
    That is why it is effecting other codes as well.
    Thanks

    nati
    Participant

    I am not shure which code you are talking about?
    This are all my codes I used already:

    @media screen and (min-width: 1200px) { .header-small .site-header .site-title img { max-height: 60px; }

    #page{
    background-color: #fafafa
    }
    .entry-date {
    display: none;
    }

    .drop-cap:first-letter, .single-post .entry-content > p:first-child:first-letter {
    font-size: 14px; line-height: 1.9; font-weight: normal; padding: 0; margin-bottom: 0; }

    I did close this @media screen with two }} but it didn’t change this first letter padding. It is still higher then the rest of the line

    serkan
    Moderator

    Hi, Could you provide me the related url, please ?
    Thanks

    nati
    Participant

    You mean the website I am working on?

    serkan
    Moderator

    You said that the code is not working well, so give me that page’s URL then I will check the code. Because it should work properly.
    Thanks

    nati
    Participant
    serkan
    Moderator

    Hi, could you add this line to the code which I gave you.
    float: none;

    .drop-cap:first-letter, .single-post .entry-content > p:first-child:first-letter { 
    font-size: 14px; line-height: 1.9; font-weight: normal; padding: 0; margin-bottom: 0;  float: none; }

    Also, hard reload the browser again. Same times they can hold the old cashes and you can delete them.
    Thanks

    nati
    Participant

    That did help :) Thanks!

    serkan
    Moderator

    You are welcome.

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

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

License required for the following item
Login and Registration Log in · Register