Managing images and paragraphs/blocks-quotes

  • Resolved atrohn

    (@atrohn)


    10 years, 1 month ago

    Hi, thank you for the great template!

    To clarify, I’m using the template as a landing page for a product. This means I’m using the ‘no-sidebar’ template.

    My first (smaller) problem is: When I upload images to my page and give them an alignment it adds a small 1px border. How do I get rid of the 1px outline around images?

    Secondly, I want block quotes to “hug” the paragraph text. For example, I have:

    [TEXT][image]

    I want it to look like:

    [TEXT]

    [image] (should be on same line as [TEXT]

    With the image and block-quote on the same line. (Image has no block quote)

Viewing 1 replies (of 1 total)
  • Thread Starter atrohn

    (@atrohn)

    10 years, 1 month ago

    I’m going to answer my own questions because I’m a boss like that.

    1) To remove image border: In style.css

    img.alignleft,
    .alignleft img,
    img.aligncenter,
    .aligncenter img,
    img.alignright,
    .alignright img {
    box-sizing: border-box;
    padding: 5px;
    border: 0px; <————- set the border to 0px
    }

    2) To change parameters and size of quote block use these settings in the text of your post editing area:

    <blockquote style="width:58%;float:left; margin:0 0 0 0px;">
    Note how the width has been changed to be only 58% of its container.

    Yeah, I answer my own questions. Wanna fight?

Viewing 1 replies (of 1 total)
  • The topic ‘Managing images and paragraphs/blocks-quotes’ is closed to new replies.