Position block quote

  • Posted in : Read WP
  • Stefanovt
    Participant

    When using the block quote the position of the text is completely to the left.
    http://stefanovantuijl.nl/staging/contact/

    I would like to have the text in line with the rest of the text.

    serkan
    Moderator

    Hi @Stefanovt;
    You already used custom css code i guess. Now your block quotes are inline element.

    Stefanovt
    Participant

    Yes I tried something, but can’t get it right.

    I would like to have it like this;
    http://stefanovantuijl.nl/staging/wp-content/uploads/2015/11/Screen-Shot-2015-11-05-at-18.04.26.png

    serkan
    Moderator

    Hi @Stefanovt;
    This is what you want. You can use this custom css code;

    @media screen and (min-width: 1200px) { .content-area:not(.with-sidebar) blockquote { width: 100%; margin-left: -6%; padding-right: 0; } }

    Thanks

    Stefanovt
    Participant

    Thanks.

    It is looking better already.

    The block quote sign is now a higher than the text;
    http://stefanovantuijl.nl/contact/

    How can i get the text directly next to the “-sign?

    serkan
    Moderator

    Hi @Stefanovt;
    You can use this custom css code;

    @media screen and (min-width: 768px) { blockquote:before { top: 30px; } }

    Thanks

    Stefanovt
    Participant

    I tried to add that code but can’t seem to get it right.

    This is what i’ve got now;
    @media screen and (min-width: 1200px) { .content-area:not(.with-sidebar) blockquote { width: 100%; margin-left: -6%; padding-right: 0; margin-bottom: 1,8em;
    }
    }

    serkan
    Moderator

    Hi @Stefanovt;
    You told me that the blockquote sign is now higher than the text that is why i gave you an extra css code. If you still not happy with that code, you can draw with photoshop what you want and then i can give you the css code which is suit to you. But now, it looks okay for me. Still, i am happy to help you.
    Thanks

Viewing 8 posts - 1 through 8 (of 8 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