remove image caption space?

  • I am hoping there is some way to reduce or remover the caption space after an image.
    In this example below…

    View post on imgur.com

    I have a column for the image and the text quote next to it. I would like the following paragraph to be in left align below the image, but this adds considerable unnecessary space. But leaving it in the text column block leaves space to the left of the text.

    Is there some way to have an image with 0 caption space or at least greatly reduced space?

    Thank you

    • This topic was modified 3 years, 5 months ago by tspnyc.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please provide a link to a page on your site where we can see this. Thanks.

    Thread Starter tspnyc

    (@tspnyc)

    Thanks.

    Here it is.

    https://www.copywritertsp.com/

    I have changed my design a bit to deal with the space. So now the issue may be the space after the text in the text column, as there is a black line of space before the end of the block.

    But since I so rarely use image captions with my images, it would still be would be good to know how to remove the space set aside for the caption.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You can see there’s no space set for the caption on this image.
    though there is padding below the column block in which the image is housed

    Thread Starter tspnyc

    (@tspnyc)

    Yes, thank you.

    I can see all of that. I do not see or know how to GET RID of the padding.

    • This reply was modified 3 years, 5 months ago by tspnyc.
    Thread Starter tspnyc

    (@tspnyc)

    Okay, I was able to locate where you were in Elements (I had been in editing mode and was seeing only Java Script stuff I did not understand.)

    The “flex-basis:33.33%” you indicate in both instances, only changed the size of the photo, it has no effect on the depth of the block.

    The next line, “flex-basis:175%” is what highlights the empty space you indicate in your second example. But changing that only changes the width of the column; it has no effect on the DEPTH of the row.

    But it does seem to indicate that the space is being caused by the inherent space after the paragraph.

    If that space could be reduced to 0 it may solve my problem.

    But, how can I do that to this single paragraph, rather than changing the space for all paragraphs on the page or website?

    All over the internet people ask this same question, how to reduce spacing above or below ONE SINGLE PARAGRPAH, rather than for ALL paragraphs?

    There are plenty of answers about adding spacing by using a nonbreaking space, etc. If someone asks about reducing spacing however, they always get an answer about making a universal change to every paragraph in the website/page/post.

    I would assume one can go into the code editor and put some sort of simple html like “line spacing: 0px” inside the <p.’s. But I do not know html well enough to know the correct syntax or where to put it in the code.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Do not edit WP core code! Use “Additional CSS” in the customizer to modify or extend the CSS for these elements.

    Thread Starter tspnyc

    (@tspnyc)

    Oh. Okay. So how to I use Additional CSS to reduce space after one specific paragraph?

    Or does that only allow me to make a universal change to every paragraph?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Assign a particular class to that paragraph block. Classes can be assigned on the right, under “Advanced”. Then, add CSS that targets that class.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘remove image caption space?’ is closed to new replies.